LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
ui/component/sideNavigation/view.jsx
View file

@ -359,7 +359,7 @@ function SideNavigation(props: Props) {
))} ))}
</ul> </ul>
)} )}
{!SIMPLE_SITE && sidebarOpen && isPersonalized && followedTags && followedTags.length > 0 && ( {sidebarOpen && isPersonalized && followedTags && followedTags.length > 0 && (
<ul className="navigation__secondary navigation-links navigation-links--small"> <ul className="navigation__secondary navigation-links navigation-links--small">
{followedTags.map(({ name }, key) => ( {followedTags.map(({ name }, key) => (
<li key={name} className="navigation-link__wrapper"> <li key={name} className="navigation-link__wrapper">
@ -442,7 +442,7 @@ function SideNavigation(props: Props) {
))} ))}
</ul> </ul>
)} )}
{!SIMPLE_SITE && sidebarOpen && isPersonalized && followedTags && followedTags.length > 0 && ( {sidebarOpen && isPersonalized && followedTags && followedTags.length > 0 && (
<ul className="navigation__secondary navigation-links navigation-links--small"> <ul className="navigation__secondary navigation-links navigation-links--small">
{followedTags.map(({ name }, key) => ( {followedTags.map(({ name }, key) => (
<li key={name} className="navigation-link__wrapper"> <li key={name} className="navigation-link__wrapper">

12
ui/page/discover/view.jsx
View file

@ -1,6 +1,7 @@
// @flow // @flow
import { SHOW_ADS, DOMAIN, SIMPLE_SITE } from 'config'; import { SHOW_ADS, DOMAIN, SIMPLE_SITE } from 'config';
import * as ICONS from 'constants/icons'; import * as ICONS from 'constants/icons';
import * as PAGES from 'constants/pages';
import React, { useRef } from 'react'; import React, { useRef } from 'react';
import Page from 'component/page'; import Page from 'component/page';
import ClaimListDiscover from 'component/claimListDiscover'; import ClaimListDiscover from 'component/claimListDiscover';
@ -20,8 +21,8 @@ type Props = {
followedTags: Array<Tag>, followedTags: Array<Tag>,
repostedUri: string, repostedUri: string,
repostedClaim: ?GenericClaim, repostedClaim: ?GenericClaim,
doToggleTagFollowDesktop: string => void, doToggleTagFollowDesktop: (string) => void,
doResolveUri: string => void, doResolveUri: (string) => void,
isAuthenticated: boolean, isAuthenticated: boolean,
dynamicRouteProps: RowDataItem, dynamicRouteProps: RowDataItem,
tileLayout: boolean, tileLayout: boolean,
@ -82,6 +83,13 @@ function DiscoverPage(props: Props) {
<span> <span>
<Icon icon={ICONS.TAG} size={10} /> <Icon icon={ICONS.TAG} size={10} />
{(tag === CS.TAGS_ALL && __('All Content')) || (tag === CS.TAGS_FOLLOWED && __('Followed Tags')) || tag} {(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> </span>
); );
} else { } else {

4
ui/scss/component/_claim-search.scss
View file

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

5
ui/scss/component/_navigation.scss
View file

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