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 && (
<Layout.Header.Slot>
<Menu.Root>
<Menu.Trigger label={_(msg`Open feed options menu`)}>
{({props}) => {
return (
<Button
{...props}
label={_(msg`Open feed options menu`)}
size="small"
variant="ghost"
shape="square"
color="secondary">
{isPinned ? (
<PinFilled size="lg" fill={t.palette.primary_500} />
) : (
<ButtonIcon icon={Pin} size="lg" />
)}
</Button>
)
}}
</Menu.Trigger>
{isPinned ? (
<Menu.Root>
<Menu.Trigger label={_(msg`Open feed options menu`)}>
{({props}) => {
return (
<Button
{...props}
label={_(msg`Open feed options menu`)}
size="small"
variant="ghost"
shape="square"
color="secondary">
{isPinned ? (
<PinFilled size="lg" fill={t.palette.primary_500} />
) : (
<ButtonIcon icon={Pin} size="lg" />
)}
</Button>
)
}}
</Menu.Trigger>
<Menu.Outer>
<Menu.Item
disabled={isFeedStateChangePending}
label={
isPinned ? _(msg`Unpin from home`) : _(msg`Pin to home`)
}
onPress={onTogglePinned}>
<Menu.ItemText>
{isPinned ? _(msg`Unpin from home`) : _(msg`Pin to home`)}
</Menu.ItemText>
<Menu.ItemIcon icon={isPinned ? X : Pin} position="right" />
</Menu.Item>
<Menu.Item
disabled={isFeedStateChangePending}
label={
isSaved
? _(msg`Remove from my feeds`)
: _(msg`Save to my feeds`)
}
onPress={onToggleSaved}>
<Menu.ItemText>
{isSaved
? _(msg`Remove from my feeds`)
: _(msg`Save to my feeds`)}
</Menu.ItemText>
<Menu.ItemIcon
icon={isSaved ? Trash : Plus}
position="right"
/>
</Menu.Item>
</Menu.Outer>
</Menu.Root>
<Menu.Outer>
<Menu.Item
disabled={isFeedStateChangePending}
label={_(msg`Unpin from Home`)}
onPress={onTogglePinned}>
<Menu.ItemText>{_(msg`Unpin from home`)}</Menu.ItemText>
<Menu.ItemIcon
icon={isPinned ? X : Pin}
position="right"
/>
</Menu.Item>
<Menu.Item
disabled={isFeedStateChangePending}
label={
isSaved
? _(msg`Remove from my feeds`)
: _(msg`Save to my feeds`)
}
onPress={onToggleSaved}>
<Menu.ItemText>
{isSaved
? _(msg`Remove from my feeds`)
: _(msg`Save to my feeds`)}
</Menu.ItemText>
<Menu.ItemIcon
icon={isSaved ? Trash : Plus}
position="right"
/>
</Menu.Item>
</Menu.Outer>
</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.Outer>