LBRYFoundation/lbry-desktop
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/lbry-desktop.git synced 2025-08-23 17:47:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

simplify header on mobile

Browse source
This commit is contained in:
jessop 2020-02-28 00:18:37 -05:00 • committed by Sean Yesmunt
parent e341992c85
commit 15dc05fffc
3 changed files with 12 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
ui/component/header/view.jsx
View file

@ -60,7 +60,6 @@ const Header = (props: Props) => {
// on the verify page don't let anyone escape other than by closing the tab to keep session data consistent // on the verify page don't let anyone escape other than by closing the tab to keep session data consistent
const isVerifyPage = history.location.pathname.includes(PAGES.AUTH_VERIFY); const isVerifyPage = history.location.pathname.includes(PAGES.AUTH_VERIFY);
const isAuthPage = history.location.pathname.includes(PAGES.AUTH);
// Sign out if they click the "x" when they are on the password prompt // Sign out if they click the "x" when they are on the password prompt
const authHeaderAction = syncError ? { onClick: signOut } : { navigate: '/' }; const authHeaderAction = syncError ? { onClick: signOut } : { navigate: '/' };
@ -104,7 +103,7 @@ const Header = (props: Props) => {
<div className="header__contents"> <div className="header__contents">
<div className="header__navigation"> <div className="header__navigation">
<Button <Button
className="header__navigation-item header__navigation-item--lbry" className="header__navigation-item header__navigation-item--lbry header__navigation-item--button-mobile"
label={__('LBRY')} label={__('LBRY')}
icon={ICONS.LBRY} icon={ICONS.LBRY}
onClick={() => window.scrollTo(0, 0)} onClick={() => window.scrollTo(0, 0)}
@ -230,15 +229,6 @@ const Header = (props: Props) => {
</div> </div>
) )
)} )}
{!authenticated && !isAuthPage && (
<Button
button="primary"
label={__('Sign In')}
className="header__menu--mobile"
onClick={() => history.push(`/$/${PAGES.AUTH}`)}
/>
)}
<Button onClick={openMobileNavigation} icon={ICONS.MENU} iconSize={24} className="header__menu--mobile" /> <Button onClick={openMobileNavigation} icon={ICONS.MENU} iconSize={24} className="header__menu--mobile" />
</div> </div>
</header> </header>

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

@ -96,6 +96,9 @@ function SideNavigation(props: Props) {
<nav className="navigation"> <nav className="navigation">
<ul className="navigation-links"> <ul className="navigation-links">
{[ {[
{
...(expanded && !isAuthenticated ? { ...buildLink(PAGES.AUTH, __('Sign In'), ICONS.SIGN_IN) } : {}),
},
{ {
...buildLink(null, __('Home'), ICONS.HOME), ...buildLink(null, __('Home'), ICONS.HOME),
}, },

8
ui/scss/component/_header.scss
View file

@ -144,6 +144,14 @@
} }
} }
.header__navigation-item--button-mobile {
@media (max-width: $breakpoint-small) {
.button__label {
display: none;
}
}
}
.header__navigation-item--balance { .header__navigation-item--balance {
margin: 0 var(--spacing-medium); margin: 0 var(--spacing-medium);
} }