limit tags, new channel link

static/app-strings.json

@@ -1260,7 +1260,6 @@
   "Uncheck your email below if you want to stop receiving messages.": "Uncheck your email below if you want to stop receiving messages.",
   "Remove from Blocked List": "Remove from Blocked List",
   "Are you sure you want to remove this from the list?": "Are you sure you want to remove this from the list?",
-  "Uncheck your email below if you want to stop receiving messages.": "Uncheck your email below if you want to stop receiving messages.",
   "Cover": "Cover",
   "Url": "Url",
   "New Channel Advanced": "New Channel Advanced",
@@ -1271,5 +1270,13 @@
   "Create Channel": "Create Channel",
   "This shoul de such a size": "This shoul de such a size",
   "Thumbnail This shoul de such a size": "Thumbnail This shoul de such a size",
-  "Cover This shoul de such a size": "Cover This shoul de such a size"
-}
+  "Cover This shoul de such a size": "Cover This shoul de such a size",
+  "CableTube Escape Artists": "CableTube Escape Artists",
+  "General": "General",
+  "MyAwesomeChannel": "MyAwesomeChannel",
+  "My Awesome Channel": "My Awesome Channel",
+  "Increasing your deposit can help your channel be discovered more easily.": "Increasing your deposit can help your channel be discovered more easily.",
+  "Editing @%channel%": "Editing @%channel%",
+  "This field cannot be changed.": "This field cannot be changed.",
+  "Delete Channel": "Delete Channel"
+}

ui/component/channelEdit/view.jsx

@@ -13,6 +13,7 @@ import ClaimAbandonButton from 'component/claimAbandonButton';
 import { MINIMUM_PUBLISH_BID, INVALID_NAME_ERROR, ESTIMATED_FEE } from 'constants/claim';
 import { Tabs, TabList, Tab, TabPanels, TabPanel } from 'component/common/tabs';
 import Card from 'component/common/card';
+const MAX_TAG_SELECT = 5;
 
 type Props = {
   claim: ChannelClaim,
@@ -64,10 +65,10 @@ function ChannelForm(props: Props) {
     createError,
     openModal,
   } = props;
-  const [params, setParams]: [any, (any) => void] = React.useState(getChannelParams());
   const [nameError, setNameError] = React.useState(undefined);
   const [bidError, setBidError] = React.useState('');
   const { claim_id: claimId } = claim || {};
+  const [params, setParams]: [any, (any) => void] = React.useState(getChannelParams());
   const { channelName } = parseURI(uri);
   const name = params.name;
   const isNewChannel = !uri;
@@ -296,6 +297,7 @@ function ChannelForm(props: Props) {
                   <TagsSearch
                     suggestMature
                     disableAutoFocus
+                    limitSelect={MAX_TAG_SELECT}
                     tagsPassedIn={params.tags || []}
                     label={__('Selected Tags')}
                     onRemove={clickedTag => {

ui/component/header/view.jsx

@@ -67,7 +67,6 @@ const Header = (props: Props) => {
     signOut,
     syncError,
     openMobileNavigation,
-    openChannelCreate,
     openSignOutModal,
     clearEmailEntry,
     clearPasswordEntry,
@@ -221,7 +220,7 @@ const Header = (props: Props) => {
                           <Icon aria-hidden icon={ICONS.PUBLISH} />
                           {__('Publish')}
                         </MenuItem>
-                        <MenuItem className="menu__link" onSelect={openChannelCreate}>
+                        <MenuItem className="menu__link" onSelect={() => history.push(`/$/${PAGES.CHANNEL_NEW}`)}>
                           <Icon aria-hidden icon={ICONS.CHANNEL} />
                           {__('New Channel')}
                         </MenuItem>

ui/page/channelNew/view.jsx

@@ -13,7 +13,7 @@ function ChannelNew(props: Props) {
   return (
     <Page
       noSideNavigation
-      backout={{ backFunction: () => history.goBack(), backTitle: __('Create Channel') }}
+      backout={{ backFunction: () => history.goBack(), title: __('Create Channel') }}
       className="main--auth-page"
     >
       <ChannelEdit onDone={history.goBack} />