add tags to mobile navigation and add manage tags link on tag page

This commit is contained in:
Sean Yesmunt 2021-04-13 16:47:51 -04:00
parent be7ca41235
commit 9f3d779cf2
4 changed files with 18 additions and 7 deletions

View file

@ -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">

View file

@ -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 {

View file

@ -109,3 +109,7 @@
}
}
}
.claim-search__tags-link {
margin-left: var(--spacing-s);
}

View file

@ -72,9 +72,8 @@
}
}
.navigation__secondary--tags {
@extend .navigation__secondary;
margin-left: var(--spacing-l);
.navigation__tertiary {
margin-top: var(--spacing-m);
}
.navigation-link {