Bluesky app fork with some witchin' additions 馃挮
at feat/tealfm 43 lines 1.3 kB view raw
1import {msg, Trans} from '@lingui/macro' 2import {useLingui} from '@lingui/react' 3 4import * as SettingsList from '#/screens/Settings/components/SettingsList' 5import * as Toggle from '#/components/forms/Toggle' 6import {Live_Stroke2_Corner0_Rounded as LiveIcon} from '#/components/icons/Live' 7import { 8 useLiveEventPreferences, 9 useUpdateLiveEventPreferences, 10} from '#/features/liveEvents/preferences' 11 12export function LiveEventFeedsSettingsToggle() { 13 const {_} = useLingui() 14 const {data: prefs} = useLiveEventPreferences() 15 const { 16 isPending, 17 data: updatedPrefs, 18 mutate: update, 19 } = useUpdateLiveEventPreferences({ 20 metricContext: 'settings', 21 }) 22 const hideAllFeeds = !!(updatedPrefs || prefs)?.hideAllFeeds 23 24 return ( 25 <Toggle.Item 26 name="enable_live_event_banner" 27 label={_(msg`Show live events in your Discover Feed`)} 28 value={!hideAllFeeds} 29 onChange={() => { 30 if (!isPending) { 31 update({type: 'toggleHideAllFeeds'}) 32 } 33 }}> 34 <SettingsList.Item> 35 <SettingsList.ItemIcon icon={LiveIcon} /> 36 <SettingsList.ItemText> 37 <Trans>Show live events in your Discover Feed</Trans> 38 </SettingsList.ItemText> 39 <Toggle.Platform /> 40 </SettingsList.Item> 41 </Toggle.Item> 42 ) 43}