diff --git a/src/components/StarterPack/Main/FeedsList.tsx b/src/components/StarterPack/Main/FeedsList.tsx index e350a422cf..7d7cd2047c 100644 --- a/src/components/StarterPack/Main/FeedsList.tsx +++ b/src/components/StarterPack/Main/FeedsList.tsx @@ -45,7 +45,7 @@ export const FeedsList = React.forwardRef( (isWeb || index !== 0) && a.border_t, t.atoms.border_contrast_low, ]}> - + ) } diff --git a/src/screens/StarterPack/StarterPackLandingScreen.tsx b/src/screens/StarterPack/StarterPackLandingScreen.tsx index 2b450494b8..81c1205065 100644 --- a/src/screens/StarterPack/StarterPackLandingScreen.tsx +++ b/src/screens/StarterPack/StarterPackLandingScreen.tsx @@ -285,7 +285,7 @@ function LandingScreenLoaded({ t.atoms.border_contrast_low, ]} key={feed.uri}> - + ))} diff --git a/src/view/com/feeds/ProfileFeedgens.tsx b/src/view/com/feeds/ProfileFeedgens.tsx index ec1a55e22e..831ab4d1dd 100644 --- a/src/view/com/feeds/ProfileFeedgens.tsx +++ b/src/view/com/feeds/ProfileFeedgens.tsx @@ -163,7 +163,7 @@ export const ProfileFeedgens = React.forwardRef< a.px_lg, a.py_lg, ]}> - + ) } diff --git a/src/view/screens/Feeds.tsx b/src/view/screens/Feeds.tsx index 2e5b485136..82de30d5c5 100644 --- a/src/view/screens/Feeds.tsx +++ b/src/view/screens/Feeds.tsx @@ -41,6 +41,7 @@ import hairlineWidth = StyleSheet.hairlineWidth import {Divider} from '#/components/Divider' import * as FeedCard from '#/components/FeedCard' import {ChevronRight_Stroke2_Corner0_Rounded as ChevronRight} from '#/components/icons/Chevron' +import * as ListCard from '#/components/ListCard' type Props = NativeStackScreenProps @@ -495,7 +496,7 @@ export function FeedsScreen(_props: Props) { } else if (item.type === 'popularFeed') { return ( - + ) @@ -627,7 +628,7 @@ function FollowingFeed() { fill={t.palette.white} /> - + ) @@ -639,34 +640,45 @@ function SavedFeed({ savedFeed: SavedFeedItem & {type: 'feed' | 'list'} }) { const t = useTheme() - const {view: feed} = savedFeed - const displayName = - savedFeed.type === 'feed' ? savedFeed.view.displayName : savedFeed.view.name - return ( - + const commonStyle = [ + a.flex_1, + a.px_lg, + a.py_md, + a.border_b, + t.atoms.border_contrast_low, + ] + + return savedFeed.type === 'feed' ? ( + {({hovered, pressed}) => ( + style={[commonStyle, (hovered || pressed) && t.atoms.bg_contrast_25]}> - - + + )} + ) : ( + + {({hovered, pressed}) => ( + + + + + + + + + )} + ) } diff --git a/src/view/screens/Search/Explore.tsx b/src/view/screens/Search/Explore.tsx index 8f6f6d4ba7..85e8ffa4ec 100644 --- a/src/view/screens/Search/Explore.tsx +++ b/src/view/screens/Search/Explore.tsx @@ -505,7 +505,7 @@ export function Explore() { a.px_lg, a.py_lg, ]}> - + ) } diff --git a/src/view/screens/Search/Search.tsx b/src/view/screens/Search/Search.tsx index 76ffba935f..0eef5cbd66 100644 --- a/src/view/screens/Search/Search.tsx +++ b/src/view/screens/Search/Search.tsx @@ -306,7 +306,7 @@ let SearchScreenFeedsResults = ({ a.px_lg, a.py_lg, ]}> - + )} keyExtractor={item => item.uri}