LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

add new 'create' header menu

Browse source
This commit is contained in:
Sean Yesmunt 2020-01-03 11:43:51 -05:00
parent a31178318a
commit f89d13885b
3 changed files with 19 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
ui/component/common/icon-custom.jsx
View file

@ -348,12 +348,6 @@ export const icons = {
<line x1="6" y1="20" x2="6" y2="16" /> <line x1="6" y1="20" x2="6" y2="16" />
</g> </g>
), ),
[ICONS.NEW]: buildIcon(
<g>
<circle cx="12" cy="12" r="10" />
<polyline points="12 6 12 12 16 14" />
</g>
),
[ICONS.INVITE]: buildIcon( [ICONS.INVITE]: buildIcon(
<g> <g>
<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" /> <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" />

25
ui/component/header/view.jsx
View file

@ -137,15 +137,27 @@ const Header = (props: Props) => {
className="header__navigation-item menu__title header__navigation-item--balance" className="header__navigation-item menu__title header__navigation-item--balance"
label={getWalletTitle()} label={getWalletTitle()}
/> />
<Menu>
<MenuButton className="header__navigation-item menu__title header__navigation-item--icon">
<Icon size={18} icon={ICONS.PUBLISH} />
</MenuButton>
<MenuList className="menu__list--header">
<MenuItem className="menu__link" onSelect={() => history.push(`/$/${PAGES.SETTINGS}`)}>
<Icon aria-hidden tootlip icon={ICONS.PUBLISH} />
{__('New Publish')}
</MenuItem>
<MenuItem className="menu__link" onSelect={() => history.push(`/$/${PAGES.HELP}`)}>
<Icon aria-hidden icon={ICONS.CHANNEL} />
{__('New Channel')}
</MenuItem>
</MenuList>
</Menu>
<Menu> <Menu>
<MenuButton className="header__navigation-item menu__title header__navigation-item--icon"> <MenuButton className="header__navigation-item menu__title header__navigation-item--icon">
<Icon size={18} icon={ICONS.ACCOUNT} /> <Icon size={18} icon={ICONS.ACCOUNT} />
</MenuButton> </MenuButton>
<MenuList className="menu__list--header"> <MenuList className="menu__list--header">
<MenuItem className="menu__link" onSelect={() => history.push(`/$/${PAGES.PUBLISH}`)}>
<Icon aria-hidden icon={ICONS.PUBLISH} />
{__('New Publish')}
</MenuItem>
<MenuItem className="menu__link" onSelect={() => history.push(`/$/${PAGES.PUBLISHED}`)}> <MenuItem className="menu__link" onSelect={() => history.push(`/$/${PAGES.PUBLISHED}`)}>
<Icon aria-hidden icon={ICONS.PUBLISH} /> <Icon aria-hidden icon={ICONS.PUBLISH} />
{__('Publishes')} {__('Publishes')}
@ -167,10 +179,11 @@ const Header = (props: Props) => {
{__('Rewards')} {__('Rewards')}
</MenuItem> </MenuItem>
<MenuItem className="menu__link" onSelect={() => history.push(`/$/${PAGES.INVITE}`)}> {/* Commented out until new invite system is implemented */}
{/* <MenuItem className="menu__link" onSelect={() => history.push(`/$/${PAGES.INVITE}`)}>
<Icon aria-hidden icon={ICONS.INVITE} /> <Icon aria-hidden icon={ICONS.INVITE} />
{__('Invite A Friend')} {__('Invite A Friend')}
</MenuItem> </MenuItem> */}
{authenticated ? ( {authenticated ? (
<MenuItem className="menu__link" onSelect={signOut}> <MenuItem className="menu__link" onSelect={signOut}>

1
ui/constants/icons.js
View file

@ -80,4 +80,3 @@ export const SIGN_OUT = 'SignOut';
export const SIGN_IN = 'SignIn'; export const SIGN_IN = 'SignIn';
export const TRENDING = 'Trending'; export const TRENDING = 'Trending';
export const TOP = 'Top'; export const TOP = 'Top';
export const NEW = 'New';