diff options
Diffstat (limited to 'src/view/shell')
-rw-r--r-- | src/view/shell/Drawer.tsx | 2 | ||||
-rw-r--r-- | src/view/shell/NavSignupCard.tsx | 18 | ||||
-rw-r--r-- | src/view/shell/bottom-bar/BottomBar.tsx | 44 | ||||
-rw-r--r-- | src/view/shell/bottom-bar/BottomBarWeb.tsx | 22 | ||||
-rw-r--r-- | src/view/shell/desktop/LeftNav.tsx | 37 |
5 files changed, 64 insertions, 59 deletions
diff --git a/src/view/shell/Drawer.tsx b/src/view/shell/Drawer.tsx index 4d3a9531d..4fb8565e8 100644 --- a/src/view/shell/Drawer.tsx +++ b/src/view/shell/Drawer.tsx @@ -231,9 +231,9 @@ let DrawerContent = ({}: {}): React.ReactNode => { onPress={onPressNotifications} /> )} - <FeedsMenuItem isActive={isAtFeeds} onPress={onPressMyFeeds} /> {hasSession && ( <> + <FeedsMenuItem isActive={isAtFeeds} onPress={onPressMyFeeds} /> <ListsMenuItem onPress={onPressLists} /> <ModerationMenuItem onPress={onPressModeration} /> <ProfileMenuItem diff --git a/src/view/shell/NavSignupCard.tsx b/src/view/shell/NavSignupCard.tsx index 11dd7ffee..8c0e2075d 100644 --- a/src/view/shell/NavSignupCard.tsx +++ b/src/view/shell/NavSignupCard.tsx @@ -14,13 +14,19 @@ import {useCloseAllActiveElements} from '#/state/util' let NavSignupCard = ({}: {}): React.ReactNode => { const {_} = useLingui() const pal = usePalette('default') - const {setShowLoggedOut} = useLoggedOutViewControls() + const {requestSwitchToAccount} = useLoggedOutViewControls() const closeAllActiveElements = useCloseAllActiveElements() - const showLoggedOut = React.useCallback(() => { + const showSignIn = React.useCallback(() => { closeAllActiveElements() - setShowLoggedOut(true) - }, [setShowLoggedOut, closeAllActiveElements]) + requestSwitchToAccount({requestedAccount: 'none'}) + }, [requestSwitchToAccount, closeAllActiveElements]) + + const showCreateAccount = React.useCallback(() => { + closeAllActiveElements() + requestSwitchToAccount({requestedAccount: 'new'}) + // setShowLoggedOut(true) + }, [requestSwitchToAccount, closeAllActiveElements]) return ( <View @@ -39,7 +45,7 @@ let NavSignupCard = ({}: {}): React.ReactNode => { <View style={{flexDirection: 'row', paddingTop: 12, gap: 8}}> <Button - onPress={showLoggedOut} + onPress={showCreateAccount} accessibilityHint={_(msg`Sign up`)} accessibilityLabel={_(msg`Sign up`)}> <Text type="md" style={[{color: 'white'}, s.bold]}> @@ -48,7 +54,7 @@ let NavSignupCard = ({}: {}): React.ReactNode => { </Button> <Button type="default" - onPress={showLoggedOut} + onPress={showSignIn} accessibilityHint={_(msg`Sign in`)} accessibilityLabel={_(msg`Sign in`)}> <Text type="md" style={[pal.text, s.bold]}> diff --git a/src/view/shell/bottom-bar/BottomBar.tsx b/src/view/shell/bottom-bar/BottomBar.tsx index 7f1ba8a5f..ef147f27e 100644 --- a/src/view/shell/bottom-bar/BottomBar.tsx +++ b/src/view/shell/bottom-bar/BottomBar.tsx @@ -138,32 +138,32 @@ export function BottomBar({navigation}: BottomTabBarProps) { accessibilityLabel={_(msg`Search`)} accessibilityHint="" /> - <Btn - testID="bottomBarFeedsBtn" - icon={ - isAtFeeds ? ( - <HashtagIcon - size={24} - style={[styles.ctrlIcon, pal.text, styles.feedsIcon]} - strokeWidth={4} - /> - ) : ( - <HashtagIcon - size={24} - style={[styles.ctrlIcon, pal.text, styles.feedsIcon]} - strokeWidth={2.25} - /> - ) - } - onPress={onPressFeeds} - accessibilityRole="tab" - accessibilityLabel={_(msg`Feeds`)} - accessibilityHint="" - /> {hasSession && ( <> <Btn + testID="bottomBarFeedsBtn" + icon={ + isAtFeeds ? ( + <HashtagIcon + size={24} + style={[styles.ctrlIcon, pal.text, styles.feedsIcon]} + strokeWidth={4} + /> + ) : ( + <HashtagIcon + size={24} + style={[styles.ctrlIcon, pal.text, styles.feedsIcon]} + strokeWidth={2.25} + /> + ) + } + onPress={onPressFeeds} + accessibilityRole="tab" + accessibilityLabel={_(msg`Feeds`)} + accessibilityHint="" + /> + <Btn testID="bottomBarNotificationsBtn" icon={ isAtNotifications ? ( diff --git a/src/view/shell/bottom-bar/BottomBarWeb.tsx b/src/view/shell/bottom-bar/BottomBarWeb.tsx index 3a60bd3b1..6ed0a99f5 100644 --- a/src/view/shell/bottom-bar/BottomBarWeb.tsx +++ b/src/view/shell/bottom-bar/BottomBarWeb.tsx @@ -64,20 +64,20 @@ export function BottomBarWeb() { ) }} </NavItem> - <NavItem routeName="Feeds" href="/feeds"> - {({isActive}) => { - return ( - <HashtagIcon - size={22} - style={[styles.ctrlIcon, pal.text, styles.feedsIcon]} - strokeWidth={isActive ? 4 : 2.5} - /> - ) - }} - </NavItem> {hasSession && ( <> + <NavItem routeName="Feeds" href="/feeds"> + {({isActive}) => { + return ( + <HashtagIcon + size={22} + style={[styles.ctrlIcon, pal.text, styles.feedsIcon]} + strokeWidth={isActive ? 4 : 2.5} + /> + ) + }} + </NavItem> <NavItem routeName="Notifications" href="/notifications"> {({isActive}) => { const Icon = isActive ? BellIconSolid : BellIcon diff --git a/src/view/shell/desktop/LeftNav.tsx b/src/view/shell/desktop/LeftNav.tsx index e294431f3..8078df802 100644 --- a/src/view/shell/desktop/LeftNav.tsx +++ b/src/view/shell/desktop/LeftNav.tsx @@ -314,28 +314,27 @@ export function DesktopLeftNav() { } label={_(msg`Search`)} /> - <NavItem - href="/feeds" - icon={ - <HashtagIcon - strokeWidth={2.25} - style={pal.text as FontAwesomeIconStyle} - size={isDesktop ? 24 : 28} - /> - } - iconFilled={ - <HashtagIcon - strokeWidth={2.5} - style={pal.text as FontAwesomeIconStyle} - size={isDesktop ? 24 : 28} - /> - } - label={_(msg`Feeds`)} - /> - {hasSession && ( <> <NavItem + href="/feeds" + icon={ + <HashtagIcon + strokeWidth={2.25} + style={pal.text as FontAwesomeIconStyle} + size={isDesktop ? 24 : 28} + /> + } + iconFilled={ + <HashtagIcon + strokeWidth={2.5} + style={pal.text as FontAwesomeIconStyle} + size={isDesktop ? 24 : 28} + /> + } + label={_(msg`Feeds`)} + /> + <NavItem href="/notifications" count={numUnread} icon={ |