add tags to mobile navigation and add manage tags link on tag page
This commit is contained in:
parent
be7ca41235
commit
9f3d779cf2
4 changed files with 18 additions and 7 deletions
|
@ -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">
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -109,3 +109,7 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.claim-search__tags-link {
|
||||
margin-left: var(--spacing-s);
|
||||
}
|
||||
|
|
|
@ -72,9 +72,8 @@
|
|||
}
|
||||
}
|
||||
|
||||
.navigation__secondary--tags {
|
||||
@extend .navigation__secondary;
|
||||
margin-left: var(--spacing-l);
|
||||
.navigation__tertiary {
|
||||
margin-top: var(--spacing-m);
|
||||
}
|
||||
|
||||
.navigation-link {
|
||||
|
|
Loading…
Reference in a new issue