forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 馃挮
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}