From 9f3d779cf2d66b02c05596999ede46546908ecdb Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Tue, 13 Apr 2021 16:47:51 -0400
Subject: [PATCH] add tags to mobile navigation and add manage tags link on tag
 page

---
 ui/component/sideNavigation/view.jsx |  4 ++--
 ui/page/discover/view.jsx            | 12 ++++++++++--
 ui/scss/component/_claim-search.scss |  4 ++++
 ui/scss/component/_navigation.scss   |  5 ++---
 4 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/ui/component/sideNavigation/view.jsx b/ui/component/sideNavigation/view.jsx
index 8e9e5b5ab..ebe58600e 100644
--- a/ui/component/sideNavigation/view.jsx
+++ b/ui/component/sideNavigation/view.jsx
@@ -359,7 +359,7 @@ function SideNavigation(props: Props) {
                 ))}
               </ul>
             )}
-            {!SIMPLE_SITE && sidebarOpen && isPersonalized && followedTags && followedTags.length > 0 && (
+            {sidebarOpen && isPersonalized && followedTags && followedTags.length > 0 && (
               <ul className="navigation__secondary navigation-links navigation-links--small">
                 {followedTags.map(({ name }, key) => (
                   <li key={name} className="navigation-link__wrapper">
@@ -442,7 +442,7 @@ function SideNavigation(props: Props) {
                   ))}
                 </ul>
               )}
-              {!SIMPLE_SITE && sidebarOpen && isPersonalized && followedTags && followedTags.length > 0 && (
+              {sidebarOpen && isPersonalized && followedTags && followedTags.length > 0 && (
                 <ul className="navigation__secondary navigation-links navigation-links--small">
                   {followedTags.map(({ name }, key) => (
                     <li key={name} className="navigation-link__wrapper">
diff --git a/ui/page/discover/view.jsx b/ui/page/discover/view.jsx
index 19b144898..34d52c82d 100644
--- a/ui/page/discover/view.jsx
+++ b/ui/page/discover/view.jsx
@@ -1,6 +1,7 @@
 // @flow
 import { SHOW_ADS, DOMAIN, SIMPLE_SITE } from 'config';
 import * as ICONS from 'constants/icons';
+import * as PAGES from 'constants/pages';
 import React, { useRef } from 'react';
 import Page from 'component/page';
 import ClaimListDiscover from 'component/claimListDiscover';
@@ -20,8 +21,8 @@ type Props = {
   followedTags: Array<Tag>,
   repostedUri: string,
   repostedClaim: ?GenericClaim,
-  doToggleTagFollowDesktop: string => void,
-  doResolveUri: string => void,
+  doToggleTagFollowDesktop: (string) => void,
+  doResolveUri: (string) => void,
   isAuthenticated: boolean,
   dynamicRouteProps: RowDataItem,
   tileLayout: boolean,
@@ -82,6 +83,13 @@ function DiscoverPage(props: Props) {
       <span>
         <Icon icon={ICONS.TAG} size={10} />
         {(tag === CS.TAGS_ALL && __('All Content')) || (tag === CS.TAGS_FOLLOWED && __('Followed Tags')) || tag}
+
+        <Button
+          className="claim-search__tags-link"
+          button="link"
+          label={__('Manage Tags')}
+          navigate={`/$/${PAGES.TAGS_FOLLOWING_MANAGE}`}
+        />
       </span>
     );
   } else {
diff --git a/ui/scss/component/_claim-search.scss b/ui/scss/component/_claim-search.scss
index cf6b39c1c..7bc56b155 100644
--- a/ui/scss/component/_claim-search.scss
+++ b/ui/scss/component/_claim-search.scss
@@ -109,3 +109,7 @@
     }
   }
 }
+
+.claim-search__tags-link {
+  margin-left: var(--spacing-s);
+}
diff --git a/ui/scss/component/_navigation.scss b/ui/scss/component/_navigation.scss
index c315f8f7c..8f6f19093 100644
--- a/ui/scss/component/_navigation.scss
+++ b/ui/scss/component/_navigation.scss
@@ -72,9 +72,8 @@
   }
 }
 
-.navigation__secondary--tags {
-  @extend .navigation__secondary;
-  margin-left: var(--spacing-l);
+.navigation__tertiary {
+  margin-top: var(--spacing-m);
 }
 
 .navigation-link {