diff options
author | Ansh Nanda <anshnanda10@gmail.com> | 2023-05-25 13:14:40 -0700 |
---|---|---|
committer | Ansh Nanda <anshnanda10@gmail.com> | 2023-05-25 13:14:40 -0700 |
commit | 8bb3f40a59232f71ae2b09509e3ae2559a04e4a7 (patch) | |
tree | 44a52f4b510fd8ace99f7a40053f85c26242398d /src | |
parent | 6e5078e0c129bd374e92272da134207e860c97d2 (diff) | |
download | voidsky-8bb3f40a59232f71ae2b09509e3ae2559a04e4a7.tar.zst |
add saved feeds to left nav on desktop
Diffstat (limited to 'src')
-rw-r--r-- | src/view/com/pager/FeedsTabBar.web.tsx | 2 | ||||
-rw-r--r-- | src/view/com/pager/TabBar.tsx | 9 | ||||
-rw-r--r-- | src/view/shell/desktop/LeftNav.tsx | 18 |
3 files changed, 25 insertions, 4 deletions
diff --git a/src/view/com/pager/FeedsTabBar.web.tsx b/src/view/com/pager/FeedsTabBar.web.tsx index b51db1741..0df915950 100644 --- a/src/view/com/pager/FeedsTabBar.web.tsx +++ b/src/view/com/pager/FeedsTabBar.web.tsx @@ -28,7 +28,7 @@ const FeedsTabBarDesktop = observer( ) => { const store = useStores() const items = useMemo( - () => ['Following', ...store.me.savedFeeds.pinnedFeedNames, 'My Feeds'], + () => ['Following', ...store.me.savedFeeds.pinnedFeedNames], [store.me.savedFeeds.pinnedFeedNames], ) const pal = usePalette('default') diff --git a/src/view/com/pager/TabBar.tsx b/src/view/com/pager/TabBar.tsx index 2a1f2899e..ec636d053 100644 --- a/src/view/com/pager/TabBar.tsx +++ b/src/view/com/pager/TabBar.tsx @@ -110,13 +110,16 @@ const styles = isDesktopWeb outer: { flexDirection: 'row', width: 598, - paddingHorizontal: 14, }, - contentContainer: {}, + contentContainer: { + columnGap: 14, + marginLeft: 14, + paddingRight: 14, + backgroundColor: 'transparent', + }, item: { paddingTop: 14, paddingBottom: 12, - paddingHorizontal: 12, borderBottomWidth: 3, borderBottomColor: 'transparent', }, diff --git a/src/view/shell/desktop/LeftNav.tsx b/src/view/shell/desktop/LeftNav.tsx index ba48dd2ae..01cace154 100644 --- a/src/view/shell/desktop/LeftNav.tsx +++ b/src/view/shell/desktop/LeftNav.tsx @@ -205,6 +205,24 @@ export const DesktopLeftNav = observer(function DesktopLeftNav() { label="Notifications" /> <NavItem + href="/settings/saved-feeds" + icon={ + <FontAwesomeIcon + icon="satellite-dish" + style={pal.text as FontAwesomeIconStyle} + size={20} + /> + } + iconFilled={ + <FontAwesomeIcon + icon="satellite-dish" + style={pal.text as FontAwesomeIconStyle} + size={20} + /> + } + label="My Feeds" + /> + <NavItem href="/moderation" icon={ <HandIcon |