diff --git a/src/features/liveEvents/components/DiscoverFeedLiveEventFeedsAndTrendingBanner.tsx b/src/features/liveEvents/components/DiscoverFeedLiveEventFeedsAndTrendingBanner.tsx index de8bc81e7a..1265231a86 100644 --- a/src/features/liveEvents/components/DiscoverFeedLiveEventFeedsAndTrendingBanner.tsx +++ b/src/features/liveEvents/components/DiscoverFeedLiveEventFeedsAndTrendingBanner.tsx @@ -1,18 +1,16 @@ import {View} from 'react-native' -import {msg} from '@lingui/macro' +import {msg, Trans} from '@lingui/macro' import {useLingui} from '@lingui/react' import {useTrendingSettings} from '#/state/preferences/trending' import {atoms as a, useLayoutBreakpoints} from '#/alf' import {Button} from '#/components/Button' -import {DotGrid_Stroke2_Corner0_Rounded as EllipsisIcon} from '#/components/icons/DotGrid' +import {TimesLarge_Stroke2_Corner0_Rounded as CloseIcon} from '#/components/icons/Times' import {TrendingInterstitial} from '#/components/interstitials/Trending' +import * as Toast from '#/components/Toast' import {LiveEventFeedCardWide} from '#/features/liveEvents/components/LiveEventFeedCardWide' -import { - LiveEventFeedOptionsMenu, - useDialogControl, -} from '#/features/liveEvents/components/LiveEventFeedOptionsMenu' import {useUserPreferencedLiveEvents} from '#/features/liveEvents/context' +import {useUpdateLiveEventPreferences} from '#/features/liveEvents/preferences' import {type LiveEventFeed} from '#/features/liveEvents/types' export function DiscoverFeedLiveEventFeedsAndTrendingBanner() { @@ -38,9 +36,37 @@ export function DiscoverFeedLiveEventFeedsAndTrendingBanner() { function Inner({feed}: {feed: LiveEventFeed}) { const {_} = useLingui() - const optionsMenuControl = useDialogControl() const layout = feed.layouts.wide + const {mutate: update, variables} = useUpdateLiveEventPreferences({ + feed, + metricContext: 'discover', + onUpdateSuccess({undoAction}) { + Toast.show( + + + + You got it ;) + + {undoAction && ( + { + if (undoAction) { + update(undoAction) + } + }}> + Undo + + )} + , + {type: 'success'}, + ) + }, + }) + + if (variables) return null + return ( <> @@ -48,12 +74,12 @@ function Inner({feed}: {feed: LiveEventFeed}) { - - ) } diff --git a/src/screens/Settings/ContentAndMediaSettings.tsx b/src/screens/Settings/ContentAndMediaSettings.tsx index ac7c1db48a..ba1e3b4506 100644 --- a/src/screens/Settings/ContentAndMediaSettings.tsx +++ b/src/screens/Settings/ContentAndMediaSettings.tsx @@ -26,7 +26,6 @@ import {Window_Stroke2_Corner2_Rounded as WindowIcon} from '#/components/icons/W import * as Layout from '#/components/Layout' import {useAnalytics} from '#/analytics' import {IS_NATIVE} from '#/env' -import {LiveEventFeedsSettingsToggle} from '#/features/liveEvents/components/LiveEventFeedsSettingsToggle' type Props = NativeStackScreenProps< CommonNavigatorParams, @@ -150,7 +149,6 @@ export function ContentAndMediaSettingsScreen({}: Props) { - - ) : ( - <> - - - - )} + ) : null}