-
Notifications
You must be signed in to change notification settings - Fork 1.9k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Add shutdown message to for you feed (#3776)
- Loading branch information
Showing
3 changed files
with
174 additions
and
2 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,159 @@ | ||
| import React from 'react' | ||
| import {View} from 'react-native' | ||
| import {msg, Trans} from '@lingui/macro' | ||
| import {useLingui} from '@lingui/react' | ||
|
|
||
| import {PROD_DEFAULT_FEED} from '#/lib/constants' | ||
| import {logger} from '#/logger' | ||
| import { | ||
| useAddSavedFeedsMutation, | ||
| usePreferencesQuery, | ||
| useRemoveFeedMutation, | ||
| useUpdateSavedFeedsMutation, | ||
| } from '#/state/queries/preferences' | ||
| import {useSetSelectedFeed} from '#/state/shell/selected-feed' | ||
| import * as Toast from '#/view/com/util/Toast' | ||
| import {atoms as a, useTheme} from '#/alf' | ||
| import {Button, ButtonIcon, ButtonText} from '#/components/Button' | ||
| import {InlineLinkText} from '#/components/Link' | ||
| import {Loader} from '#/components/Loader' | ||
| import {Text} from '#/components/Typography' | ||
|
|
||
| export function FeedShutdownMsg({feedUri}: {feedUri: string}) { | ||
| const t = useTheme() | ||
| const {_} = useLingui() | ||
| const setSelectedFeed = useSetSelectedFeed() | ||
| const {data: preferences} = usePreferencesQuery() | ||
| const {mutateAsync: addSavedFeeds, isPending: isAddSavedFeedPending} = | ||
| useAddSavedFeedsMutation() | ||
| const {mutateAsync: removeFeed, isPending: isRemovePending} = | ||
| useRemoveFeedMutation() | ||
| const {mutateAsync: updateSavedFeeds, isPending: isUpdateFeedPending} = | ||
| useUpdateSavedFeedsMutation() | ||
|
|
||
| const feedConfig = preferences?.savedFeeds?.find( | ||
| f => f.value === feedUri && f.pinned, | ||
| ) | ||
| const discoverFeedConfig = preferences?.savedFeeds?.find( | ||
| f => f.value === PROD_DEFAULT_FEED('whats-hot'), | ||
| ) | ||
| const hasFeedPinned = Boolean(feedConfig) | ||
| const hasDiscoverPinned = Boolean(discoverFeedConfig?.pinned) | ||
|
|
||
| const onRemoveFeed = React.useCallback(async () => { | ||
| try { | ||
| if (feedConfig) { | ||
| await removeFeed(feedConfig) | ||
| Toast.show(_(msg`Removed from your feeds`)) | ||
| } | ||
| } catch (err: any) { | ||
| Toast.show( | ||
| _( | ||
| msg`There was an an issue updating your feeds, please check your internet connection and try again.`, | ||
| ), | ||
| ) | ||
| logger.error('Failed up update feeds', {message: err}) | ||
| } | ||
| }, [removeFeed, feedConfig, _]) | ||
|
|
||
| const onReplaceFeed = React.useCallback(async () => { | ||
| try { | ||
| if (!discoverFeedConfig) { | ||
| await addSavedFeeds([ | ||
| { | ||
| type: 'feed', | ||
| value: PROD_DEFAULT_FEED('whats-hot'), | ||
| pinned: true, | ||
| }, | ||
| ]) | ||
| } else { | ||
| await updateSavedFeeds([ | ||
| { | ||
| ...discoverFeedConfig, | ||
| pinned: true, | ||
| }, | ||
| ]) | ||
| } | ||
| setSelectedFeed(`feedgen|${PROD_DEFAULT_FEED('whats-hot')}`) | ||
| if (feedConfig) { | ||
| await removeFeed(feedConfig) | ||
| } | ||
| Toast.show(_(msg`The feed has been replaced with Discover.`)) | ||
| } catch (err: any) { | ||
| Toast.show( | ||
| _( | ||
| msg`There was an an issue updating your feeds, please check your internet connection and try again.`, | ||
| ), | ||
| ) | ||
| logger.error('Failed up update feeds', {message: err}) | ||
| } | ||
| }, [ | ||
| addSavedFeeds, | ||
| updateSavedFeeds, | ||
| removeFeed, | ||
| discoverFeedConfig, | ||
| feedConfig, | ||
| setSelectedFeed, | ||
| _, | ||
| ]) | ||
|
|
||
| const isProcessing = | ||
| isAddSavedFeedPending || isUpdateFeedPending || isRemovePending | ||
| return ( | ||
| <View | ||
| style={[ | ||
| a.py_3xl, | ||
| a.px_2xl, | ||
| a.gap_xl, | ||
| t.atoms.border_contrast_low, | ||
| a.border_t, | ||
| ]}> | ||
| <Text style={[a.text_5xl, a.font_bold, t.atoms.text, a.text_center]}> | ||
| :( | ||
| </Text> | ||
| <Text style={[a.text_md, a.leading_snug, t.atoms.text, a.text_center]}> | ||
| <Trans> | ||
| This feed is no longer online. We are showing{' '} | ||
| <InlineLinkText | ||
| to="/profile/bsky.app/feed/whats-hot" | ||
| style={[a.text_md]}> | ||
| Discover | ||
| </InlineLinkText>{' '} | ||
| instead. | ||
| </Trans> | ||
| </Text> | ||
| {hasFeedPinned ? ( | ||
| <View style={[a.flex_row, a.justify_center, a.gap_sm]}> | ||
| <Button | ||
| variant="outline" | ||
| color="primary" | ||
| size="small" | ||
| label={_(msg`Remove feed`)} | ||
| disabled={isProcessing} | ||
| onPress={onRemoveFeed}> | ||
| <ButtonText> | ||
| <Trans>Remove feed</Trans> | ||
| </ButtonText> | ||
| {isRemovePending && <ButtonIcon icon={Loader} />} | ||
| </Button> | ||
| {!hasDiscoverPinned && ( | ||
| <Button | ||
| variant="solid" | ||
| color="primary" | ||
| size="small" | ||
| label={_(msg`Replace with Discover`)} | ||
| disabled={isProcessing} | ||
| onPress={onReplaceFeed}> | ||
| <ButtonText> | ||
| <Trans>Replace with Discover</Trans> | ||
| </ButtonText> | ||
| {(isAddSavedFeedPending || isUpdateFeedPending) && ( | ||
| <ButtonIcon icon={Loader} /> | ||
| )} | ||
| </Button> | ||
| )} | ||
| </View> | ||
| ) : undefined} | ||
| </View> | ||
| ) | ||
| } |