diff options
Diffstat (limited to 'src/screens/Onboarding/StepFollowingFeed.tsx')
-rw-r--r-- | src/screens/Onboarding/StepFollowingFeed.tsx | 161 |
1 files changed, 0 insertions, 161 deletions
diff --git a/src/screens/Onboarding/StepFollowingFeed.tsx b/src/screens/Onboarding/StepFollowingFeed.tsx deleted file mode 100644 index a1c7299f0..000000000 --- a/src/screens/Onboarding/StepFollowingFeed.tsx +++ /dev/null @@ -1,161 +0,0 @@ -import React from 'react' -import {View} from 'react-native' -import {msg, Trans} from '@lingui/macro' -import {useLingui} from '@lingui/react' - -import {useAnalytics} from '#/lib/analytics/analytics' -import {logEvent} from '#/lib/statsig/statsig' -import { - usePreferencesQuery, - useSetFeedViewPreferencesMutation, -} from 'state/queries/preferences' -import { - DescriptionText, - OnboardingControls, - TitleText, -} from '#/screens/Onboarding/Layout' -import {Context} from '#/screens/Onboarding/state' -import {atoms as a} from '#/alf' -import {Button, ButtonIcon, ButtonText} from '#/components/Button' -import {Divider} from '#/components/Divider' -import * as Toggle from '#/components/forms/Toggle' -import {IconCircle} from '#/components/IconCircle' -import {ChevronRight_Stroke2_Corner0_Rounded as ChevronRight} from '#/components/icons/Chevron' -import {FilterTimeline_Stroke2_Corner0_Rounded as FilterTimeline} from '#/components/icons/FilterTimeline' -import {Text} from '#/components/Typography' - -export function StepFollowingFeed() { - const {_} = useLingui() - const {track} = useAnalytics() - const {dispatch} = React.useContext(Context) - - const {data: preferences} = usePreferencesQuery() - const {mutate: setFeedViewPref, variables} = - useSetFeedViewPreferencesMutation() - - const showReplies = !( - variables?.hideReplies ?? preferences?.feedViewPrefs.hideReplies - ) - const showReposts = !( - variables?.hideReposts ?? preferences?.feedViewPrefs.hideReposts - ) - const showQuotes = !( - variables?.hideQuotePosts ?? preferences?.feedViewPrefs.hideQuotePosts - ) - - const onContinue = React.useCallback(() => { - dispatch({type: 'next'}) - track('OnboardingV2:StepFollowingFeed:End') - logEvent('onboarding:followingFeed:nextPressed', {}) - }, [track, dispatch]) - - React.useEffect(() => { - track('OnboardingV2:StepFollowingFeed:Start') - }, [track]) - - return ( - // Hack for now to move the image container up - <View style={[a.align_start]}> - <IconCircle icon={FilterTimeline} style={[a.mb_2xl]} /> - - <TitleText> - <Trans>Your default feed is "Following"</Trans> - </TitleText> - <DescriptionText style={[a.mb_md]}> - <Trans>It shows posts from the people you follow as they happen.</Trans> - </DescriptionText> - - <View style={[a.w_full]}> - <Toggle.Item - name="Show Replies" // no need to translate - label={_(msg`Show replies in Following feed`)} - value={showReplies} - onChange={() => { - setFeedViewPref({ - hideReplies: showReplies, - }) - }}> - <View - style={[ - a.flex_row, - a.w_full, - a.py_lg, - a.justify_between, - a.align_center, - ]}> - <Text style={[a.text_md, a.font_bold]}> - <Trans>Show replies in Following</Trans> - </Text> - <Toggle.Switch /> - </View> - </Toggle.Item> - <Divider /> - <Toggle.Item - name="Show Reposts" // no need to translate - label={_(msg`Show re-posts in Following feed`)} - value={showReposts} - onChange={() => { - setFeedViewPref({ - hideReposts: showReposts, - }) - }}> - <View - style={[ - a.flex_row, - a.w_full, - a.py_lg, - a.justify_between, - a.align_center, - ]}> - <Text style={[a.text_md, a.font_bold]}> - <Trans>Show reposts in Following</Trans> - </Text> - <Toggle.Switch /> - </View> - </Toggle.Item> - <Divider /> - <Toggle.Item - name="Show Quotes" // no need to translate - label={_(msg`Show quote-posts in Following feed`)} - value={showQuotes} - onChange={() => { - setFeedViewPref({ - hideQuotePosts: showQuotes, - }) - }}> - <View - style={[ - a.flex_row, - a.w_full, - a.py_lg, - a.justify_between, - a.align_center, - ]}> - <Text style={[a.text_md, a.font_bold]}> - <Trans>Show quotes in Following</Trans> - </Text> - <Toggle.Switch /> - </View> - </Toggle.Item> - </View> - - <DescriptionText style={[a.mt_lg]}> - <Trans>You can change these settings later.</Trans> - </DescriptionText> - - <OnboardingControls.Portal> - <Button - variant="gradient" - color="gradient_sky" - size="large" - label={_(msg`Continue to next step`)} - onPress={onContinue}> - <ButtonText> - <Trans>Continue</Trans> - </ButtonText> - <ButtonIcon icon={ChevronRight} position="right" /> - </Button> - </OnboardingControls.Portal> - </View> - ) -} |