You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
trezor-wallet/src/components/Header/index.js

50 lines
1.6 KiB

/* eslint-disable jsx-a11y/accessible-emoji */
/* @flow */
import * as React from 'react';
import { Header } from 'trezor-ui-components';
import { FormattedMessage } from 'react-intl';
import { Link } from 'react-router-dom';
import { toggleSidebar as toggleSidebarAction } from 'actions/WalletActions';
import l10nMessages from './index.messages';
import LanguagePicker from './components/LanguagePicker/Container';
type MyProps = {
sidebarEnabled?: boolean,
sidebarOpened?: ?boolean,
toggleSidebar?: typeof toggleSidebarAction,
};
const MyHeader = ({ sidebarEnabled, sidebarOpened, toggleSidebar }: MyProps) => (
<Header
sidebarEnabled={sidebarEnabled}
sidebarOpened={sidebarOpened}
toggleSidebar={toggleSidebar}
togglerOpenText={<FormattedMessage {...l10nMessages.TR_MENU} />}
togglerCloseText={<FormattedMessage {...l10nMessages.TR_MENU_CLOSE} />}
links={[
{
href: 'https://trezor.io/',
title: <FormattedMessage {...l10nMessages.TR_TREZOR} />,
},
{
href: 'https://wiki.trezor.io/',
title: <FormattedMessage {...l10nMessages.TR_WIKI} />,
},
{
href: 'https://blog.trezor.io/',
title: <FormattedMessage {...l10nMessages.TR_BLOG} />,
},
{
href: 'https://trezor.io/support/',
title: <FormattedMessage {...l10nMessages.TR_SUPPORT} />,
},
]}
logoLinkComponent={<Link to="/" />}
rightAddon={<LanguagePicker />}
/>
);
export default MyHeader;