diff --git a/static/app-strings.json b/static/app-strings.json index 728349365..b2b70ba0f 100644 --- a/static/app-strings.json +++ b/static/app-strings.json @@ -746,6 +746,7 @@ "gaming, crypto": "gaming, crypto", "Autocomplete": "Autocomplete", "Followed Tags": "Followed Tags", + "Followed Channels": "Followed Channels", "Manage Tags": "Manage Tags", "%selectTagsLabel% (%number% left)": "%selectTagsLabel% (%number% left)", "Matching": "Matching", diff --git a/ui/component/router/view.jsx b/ui/component/router/view.jsx index a02ec1f73..e70137af4 100644 --- a/ui/component/router/view.jsx +++ b/ui/component/router/view.jsx @@ -48,6 +48,9 @@ const ChannelsFollowingDiscoverPage = lazyImport(() => const ChannelsFollowingPage = lazyImport(() => import('page/channelsFollowing' /* webpackChunkName: "channelsFollowing" */) ); +const ChannelsFollowingManage = lazyImport(() => + import('page/channelsFollowingManage' /* webpackChunkName: "channelsFollowing" */) +); const ChannelsPage = lazyImport(() => import('page/channels' /* webpackChunkName: "channels" */)); const CheckoutPage = lazyImport(() => import('page/checkoutPage' /* webpackChunkName: "checkoutPage" */)); const CreatorDashboard = lazyImport(() => import('page/creatorDashboard' /* webpackChunkName: "creatorDashboard" */)); @@ -330,6 +333,12 @@ function AppRouter(props: Props) { path={`/$/${PAGES.CHANNELS_FOLLOWING_DISCOVER}`} component={ChannelsFollowingDiscoverPage} /> + diff --git a/ui/component/sideNavigation/view.jsx b/ui/component/sideNavigation/view.jsx index ba44bec7d..beb6bc86f 100644 --- a/ui/component/sideNavigation/view.jsx +++ b/ui/component/sideNavigation/view.jsx @@ -232,7 +232,6 @@ function SideNavigation(props: Props) { ); const [pulseLibrary, setPulseLibrary] = React.useState(false); - const [expandSubscriptions, setExpandSubscriptions] = React.useState(false); const [expandTags, setExpandTags] = React.useState(false); const isPersonalized = !IS_WEB || isAuthenticated; @@ -276,12 +275,7 @@ function SideNavigation(props: Props) { ); let displayedSubscriptions = filteredSubscriptions; - if ( - showSubscriptionSection && - !subscriptionFilter && - subscriptions.length > FOLLOWED_ITEM_INITIAL_LIMIT && - !expandSubscriptions - ) { + if (showSubscriptionSection && !subscriptionFilter && subscriptions.length > FOLLOWED_ITEM_INITIAL_LIMIT) { displayedSubscriptions = subscriptions.slice(0, FOLLOWED_ITEM_INITIAL_LIMIT); } @@ -337,12 +331,12 @@ function SideNavigation(props: Props) { )} - {!subscriptionFilter && subscriptions.length > FOLLOWED_ITEM_INITIAL_LIMIT && ( + {!subscriptionFilter && (