acetheking987/bsky-social-app
1
0
Fork 0
Code Issues Actions Packages Projects Releases 1 Wiki Activity

Keep Pin primary CTA (#7061)

Browse Source
This commit is contained in:
dan
2024-12-11 22:32:57 +00:00
committed by GitHub
parent 329b254de1
commit 3ee94f3620
1 changed files with 63 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/screens/Profile/components/ProfileFeedHeader.tsx
+63 -52
View File
@@ -250,59 +250,70 @@ export function ProfileFeedHeader({info}: {info: FeedSourceFeedInfo}) {
{hasSession && ( {hasSession && (
<Layout.Header.Slot> <Layout.Header.Slot>
<Menu.Root> {isPinned ? (
<Menu.Trigger label={_(msg`Open feed options menu`)}> <Menu.Root>
{({props}) => { <Menu.Trigger label={_(msg`Open feed options menu`)}>
return ( {({props}) => {
<Button return (
{...props} <Button
label={_(msg`Open feed options menu`)} {...props}
size="small" label={_(msg`Open feed options menu`)}
variant="ghost" size="small"
shape="square" variant="ghost"
color="secondary"> shape="square"
{isPinned ? ( color="secondary">
<PinFilled size="lg" fill={t.palette.primary_500} /> {isPinned ? (
) : ( <PinFilled size="lg" fill={t.palette.primary_500} />
<ButtonIcon icon={Pin} size="lg" /> ) : (
)} <ButtonIcon icon={Pin} size="lg" />
</Button> )}
) </Button>
}} )
</Menu.Trigger> }}
</Menu.Trigger>
<Menu.Outer> <Menu.Outer>
<Menu.Item <Menu.Item
disabled={isFeedStateChangePending} disabled={isFeedStateChangePending}
label={ label={_(msg`Unpin from Home`)}
isPinned ? _(msg`Unpin from home`) : _(msg`Pin to home`) onPress={onTogglePinned}>
} <Menu.ItemText>{_(msg`Unpin from home`)}</Menu.ItemText>
onPress={onTogglePinned}> <Menu.ItemIcon
<Menu.ItemText> icon={isPinned ? X : Pin}
{isPinned ? _(msg`Unpin from home`) : _(msg`Pin to home`)} position="right"
</Menu.ItemText> />
<Menu.ItemIcon icon={isPinned ? X : Pin} position="right" /> </Menu.Item>
</Menu.Item> <Menu.Item
<Menu.Item disabled={isFeedStateChangePending}
disabled={isFeedStateChangePending} label={
label={ isSaved
isSaved ? _(msg`Remove from my feeds`)
? _(msg`Remove from my feeds`) : _(msg`Save to my feeds`)
: _(msg`Save to my feeds`) }
} onPress={onToggleSaved}>
onPress={onToggleSaved}> <Menu.ItemText>
<Menu.ItemText> {isSaved
{isSaved ? _(msg`Remove from my feeds`)
? _(msg`Remove from my feeds`) : _(msg`Save to my feeds`)}
: _(msg`Save to my feeds`)} </Menu.ItemText>
</Menu.ItemText> <Menu.ItemIcon
<Menu.ItemIcon icon={isSaved ? Trash : Plus}
icon={isSaved ? Trash : Plus} position="right"
position="right" />
/> </Menu.Item>
</Menu.Item> </Menu.Outer>
</Menu.Outer> </Menu.Root>
</Menu.Root> ) : (
<Button
label={_(msg`Pin to Home`)}
size="small"
variant="ghost"
shape="square"
color="secondary"
onPress={onTogglePinned}>
<ButtonIcon icon={Pin} size="lg" />
</Button>
)}
</Layout.Header.Slot> </Layout.Header.Slot>
)} )}
</Layout.Header.Outer> </Layout.Header.Outer>