diff options
author | Samuel Newman <mozzius@protonmail.com> | 2024-10-31 20:45:34 +0000 |
---|---|---|
committer | GitHub <noreply@github.com> | 2024-10-31 20:45:34 +0000 |
commit | aa6aad652e8091ea6039af82f41d4de3669a5944 (patch) | |
tree | bb9b51ebc38728aaf38b3f0c4318ff702bcebd5d /src/view/screens/NotificationsSettings.tsx | |
parent | d85dcc3dd06b49fccee66bc9e16cd8d0938f5c82 (diff) | |
download | voidsky-aa6aad652e8091ea6039af82f41d4de3669a5944.tar.zst |
[Settings] Thread prefs revamp (#5772)
* thread preferences screen * minor tweaks * more spacing * replace gate with IS_INTERNAL * [Settings] Following feed prefs revamp (#5773) * gated new settings screen * Following feed prefs * Update src/screens/Settings/FollowingFeedPreferences.tsx Co-authored-by: surfdude29 <149612116+surfdude29@users.noreply.github.com> * Update src/screens/Settings/FollowingFeedPreferences.tsx Co-authored-by: surfdude29 <149612116+surfdude29@users.noreply.github.com> * replace pref following feed gate * Update src/screens/Settings/FollowingFeedPreferences.tsx Co-authored-by: surfdude29 <149612116+surfdude29@users.noreply.github.com> * use "Experimental" as the header --------- Co-authored-by: surfdude29 <149612116+surfdude29@users.noreply.github.com> * [Settings] External media prefs revamp (#5774) * gated new settings screen * external media prefs revamp * replace gate ext media embeds * Update src/screens/Settings/ExternalMediaPreferences.tsx Co-authored-by: surfdude29 <149612116+surfdude29@users.noreply.github.com> * add imports for translation * alternate list style on native --------- Co-authored-by: surfdude29 <149612116+surfdude29@users.noreply.github.com> * [Settings] Languages revamp (partial) (#5775) * language settings (lazy restyle) * replace gate * fix text determining flex space * [Settings] App passwords revamp (#5777) * rework app passwords screen * Apply surfdude's copy changes Thanks @surfdude29! Co-authored-by: surfdude29 <149612116+surfdude29@users.noreply.github.com> * format * replace gate * use admonition for input error and animate --------- Co-authored-by: surfdude29 <149612116+surfdude29@users.noreply.github.com> * [Settings] Change handle dialog (#5781) * new change handle dialog * animations native only * overflow hidden on togglebutton animation * add a low-contrast border * extract out copybutton * finish change handle dialog * invalidate query on success * web fixes * error message for rate limit exceeded * typo * em dash! Co-authored-by: surfdude29 <149612116+surfdude29@users.noreply.github.com> * another em dash Co-authored-by: surfdude29 <149612116+surfdude29@users.noreply.github.com> * set maxwidth of suffixtext * Copy tweak Co-authored-by: surfdude29 <149612116+surfdude29@users.noreply.github.com> --------- Co-authored-by: surfdude29 <149612116+surfdude29@users.noreply.github.com> * [Settings] Notifs settings revamp (#5884) * rename, move, and restyle notif settings * bold "experimental:" --------- Co-authored-by: surfdude29 <149612116+surfdude29@users.noreply.github.com>
Diffstat (limited to 'src/view/screens/NotificationsSettings.tsx')
-rw-r--r-- | src/view/screens/NotificationsSettings.tsx | 89 |
1 files changed, 0 insertions, 89 deletions
diff --git a/src/view/screens/NotificationsSettings.tsx b/src/view/screens/NotificationsSettings.tsx deleted file mode 100644 index f8d848a62..000000000 --- a/src/view/screens/NotificationsSettings.tsx +++ /dev/null @@ -1,89 +0,0 @@ -import React from 'react' -import {View} from 'react-native' -import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome' -import {msg, Trans} from '@lingui/macro' -import {useLingui} from '@lingui/react' - -import {AllNavigatorParams, NativeStackScreenProps} from '#/lib/routes/types' -import {useNotificationFeedQuery} from '#/state/queries/notifications/feed' -import {useNotificationsSettingsMutation} from '#/state/queries/notifications/settings' -import {ViewHeader} from '#/view/com/util/ViewHeader' -import {ScrollView} from '#/view/com/util/Views' -import {atoms as a, useTheme} from '#/alf' -import {Admonition} from '#/components/Admonition' -import {Error} from '#/components/Error' -import * as Toggle from '#/components/forms/Toggle' -import * as Layout from '#/components/Layout' -import {Loader} from '#/components/Loader' -import {Text} from '#/components/Typography' - -type Props = NativeStackScreenProps<AllNavigatorParams, 'NotificationsSettings'> -export function NotificationsSettingsScreen({}: Props) { - const {_} = useLingui() - const t = useTheme() - - const {data, isError: isQueryError, refetch} = useNotificationFeedQuery() - const serverPriority = data?.pages.at(0)?.priority - - const { - mutate: onChangePriority, - isPending: isMutationPending, - variables, - } = useNotificationsSettingsMutation() - - const priority = isMutationPending - ? variables[0] === 'enabled' - : serverPriority - - return ( - <Layout.Screen> - <ScrollView stickyHeaderIndices={[0]}> - <ViewHeader - title={_(msg`Notification Settings`)} - showOnDesktop - showBorder - /> - {isQueryError ? ( - <Error - title={_(msg`Oops!`)} - message={_(msg`Something went wrong!`)} - onRetry={refetch} - sideBorders={false} - /> - ) : ( - <View style={[a.p_lg, a.gap_md]}> - <Text style={[a.text_lg, a.font_bold]}> - <FontAwesomeIcon icon="flask" style={t.atoms.text} />{' '} - <Trans>Notification filters</Trans> - </Text> - <Toggle.Group - label={_(msg`Priority notifications`)} - type="checkbox" - values={priority ? ['enabled'] : []} - onChange={onChangePriority} - disabled={typeof priority !== 'boolean' || isMutationPending}> - <View> - <Toggle.Item - name="enabled" - label={_(msg`Enable priority notifications`)} - style={[a.justify_between, a.py_sm]}> - <Toggle.LabelText> - <Trans>Enable priority notifications</Trans> - </Toggle.LabelText> - {!data ? <Loader size="md" /> : <Toggle.Platform />} - </Toggle.Item> - </View> - </Toggle.Group> - <Admonition type="warning" style={[a.mt_sm]}> - <Trans> - Experimental: When this preference is enabled, you'll only - receive reply and quote notifications from users you follow. - We'll continue to add more controls here over time. - </Trans> - </Admonition> - </View> - )} - </ScrollView> - </Layout.Screen> - ) -} |