diff options
| author | Paul Frazee <pfrazee@gmail.com> | 2023-05-18 11:57:49 -0500 |
|---|---|---|
| committer | Paul Frazee <pfrazee@gmail.com> | 2023-05-18 11:57:49 -0500 |
| commit | 754496b957e7e6cb26a12a70f4d59101a09e92b2 (patch) | |
| tree | 8434d0814cbe6cd7649d86e2af4f279b0e69e1cc /src | |
| parent | 7691fe4f481bf08c711cf92da91b2c204d121a7f (diff) | |
| download | voidsky-754496b957e7e6cb26a12a70f4d59101a09e92b2.tar.zst | |
Fix custom feed header on desktop web
Diffstat (limited to 'src')
| -rw-r--r-- | src/view/screens/CustomFeed.tsx | 67 |
1 files changed, 41 insertions, 26 deletions
diff --git a/src/view/screens/CustomFeed.tsx b/src/view/screens/CustomFeed.tsx index 76b26dcf7..bbcc08513 100644 --- a/src/view/screens/CustomFeed.tsx +++ b/src/view/screens/CustomFeed.tsx @@ -134,6 +134,33 @@ export const CustomFeedScreen = withAuthRequired( )} </Text> )} + {isDesktopWeb && ( + <View style={styles.headerBtns}> + <Button + type={currentFeed?.isSaved ? 'default' : 'inverted'} + onPress={onToggleSaved} + accessibilityLabel={ + currentFeed?.isSaved + ? 'Unsave this feed' + : 'Save this feed' + } + accessibilityHint="" + label={ + currentFeed?.isSaved + ? 'Remove from My Feeds' + : 'Add to My Feeds' + } + /> + + <Button type="default" onPress={onToggleLiked}> + {currentFeed?.isLiked ? ( + <HeartIconSolid size={18} style={styles.liked} /> + ) : ( + <HeartIcon strokeWidth={3} size={18} style={pal.icon} /> + )} + </Button> + </View> + )} </View> <View> <UserAvatar @@ -158,27 +185,6 @@ export const CustomFeedScreen = withAuthRequired( 'user', )}`} /> - {isDesktopWeb && ( - <View style={styles.headerBtns}> - <Button - type={currentFeed?.isSaved ? 'default' : 'inverted'} - onPress={onToggleSaved} - accessibilityLabel={ - currentFeed?.isSaved ? 'Unsave this feed' : 'Save this feed' - } - accessibilityHint="" - label={currentFeed?.isSaved ? 'Unsave' : 'Save'} - /> - - <Button type="default" onPress={onToggleLiked}> - {currentFeed?.isLiked ? ( - <HeartIconSolid size={18} style={styles.liked} /> - ) : ( - <HeartIcon strokeWidth={3} size={18} style={pal.icon} /> - )} - </Button> - </View> - )} </View> <View style={[styles.fakeSelector, pal.border]}> <View @@ -190,7 +196,15 @@ export const CustomFeedScreen = withAuthRequired( </View> </> ) - }, [store.me.did, pal, currentFeed, onToggleLiked, onToggleSaved]) + }, [ + store.me.did, + pal, + currentFeed, + onToggleLiked, + onToggleSaved, + name, + rkey, + ]) return ( <View style={s.hContentRegion}> @@ -207,10 +221,6 @@ export const CustomFeedScreen = withAuthRequired( ) const styles = StyleSheet.create({ - headerBtns: { - flexDirection: 'row', - gap: 8, - }, header: { flexDirection: 'row', gap: 12, @@ -219,6 +229,11 @@ const styles = StyleSheet.create({ paddingBottom: 16, borderTopWidth: 1, }, + headerBtns: { + flexDirection: 'row', + gap: 8, + marginTop: 10, + }, headerDetails: { paddingHorizontal: 16, paddingBottom: 16, |