add saved feeds to left nav on desktop

zio/stable
Ansh Nanda 2023-05-25 13:14:40 -07:00
parent 6e5078e0c1
commit 8bb3f40a59
3 changed files with 25 additions and 4 deletions

View File

@ -28,7 +28,7 @@ const FeedsTabBarDesktop = observer(
) => { ) => {
const store = useStores() const store = useStores()
const items = useMemo( const items = useMemo(
() => ['Following', ...store.me.savedFeeds.pinnedFeedNames, 'My Feeds'], () => ['Following', ...store.me.savedFeeds.pinnedFeedNames],
[store.me.savedFeeds.pinnedFeedNames], [store.me.savedFeeds.pinnedFeedNames],
) )
const pal = usePalette('default') const pal = usePalette('default')

View File

@ -110,13 +110,16 @@ const styles = isDesktopWeb
outer: { outer: {
flexDirection: 'row', flexDirection: 'row',
width: 598, width: 598,
paddingHorizontal: 14,
}, },
contentContainer: {}, contentContainer: {
columnGap: 14,
marginLeft: 14,
paddingRight: 14,
backgroundColor: 'transparent',
},
item: { item: {
paddingTop: 14, paddingTop: 14,
paddingBottom: 12, paddingBottom: 12,
paddingHorizontal: 12,
borderBottomWidth: 3, borderBottomWidth: 3,
borderBottomColor: 'transparent', borderBottomColor: 'transparent',
}, },

View File

@ -204,6 +204,24 @@ export const DesktopLeftNav = observer(function DesktopLeftNav() {
} }
label="Notifications" 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 <NavItem
href="/moderation" href="/moderation"
icon={ icon={