add new 'create' header menu

ui/component/common/icon-custom.jsx

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

ui/component/header/view.jsx

@@ -137,15 +137,27 @@ const Header = (props: Props) => {
                   className="header__navigation-item menu__title header__navigation-item--balance"
                   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>
                   <MenuButton className="header__navigation-item menu__title header__navigation-item--icon">
                     <Icon size={18} icon={ICONS.ACCOUNT} />
                   </MenuButton>
                   <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}`)}>
                       <Icon aria-hidden icon={ICONS.PUBLISH} />
                       {__('Publishes')}
@@ -167,10 +179,11 @@ const Header = (props: Props) => {
                       {__('Rewards')}
                     </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} />
                       {__('Invite A Friend')}
-                    </MenuItem>
+                    </MenuItem> */}
 
                     {authenticated ? (
                       <MenuItem className="menu__link" onSelect={signOut}>

ui/constants/icons.js

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