1.115.0 fast follows (#9743)

* Fix caching, fix attributes setting

* Use useCallOnce hook

* Update dismissal handling

* Update copy

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,41 @@ 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(
+        <Toast.Outer>
+          <Toast.Icon />
+          <Toast.Text>
+            {undoAction ? (
+              <Trans>Live event hidden</Trans>
+            ) : (
+              <Trans>Live event unhidden</Trans>
+            )}
+          </Toast.Text>
+          {undoAction && (
+            <Toast.Action
+              label={_(msg`Undo`)}
+              onPress={() => {
+                if (undoAction) {
+                  update(undoAction)
+                }
+              }}>
+              <Trans>Undo</Trans>
+            </Toast.Action>
+          )}
+        </Toast.Outer>,
+        {type: 'success'},
+      )
+    },
+  })
+
+  if (variables) return null
+
   return (
     <>
       <View style={[a.px_lg, a.pt_md, a.pb_xs]}>
@@ -48,12 +78,12 @@ function Inner({feed}: {feed: LiveEventFeed}) {
           <LiveEventFeedCardWide feed={feed} metricContext="discover" />
 
           <Button
-            label={_(msg`Configure live event banner`)}
+            label={_(msg`Dismiss live event banner`)}
             size="tiny"
             shape="round"
             style={[a.absolute, a.z_10, {top: 6, right: 6}]}
             onPress={() => {
-              optionsMenuControl.open()
+              update({type: 'hideFeed', id: feed.id})
             }}>
             {({hovered, pressed}) => (
               <>
@@ -68,22 +98,12 @@ function Inner({feed}: {feed: LiveEventFeed}) {
                     },
                   ]}
                 />
-                <EllipsisIcon
-                  size="sm"
-                  fill={layout.textColor}
-                  style={[a.z_20]}
-                />
+                <CloseIcon size="xs" fill={layout.textColor} style={[a.z_20]} />
               </>
             )}
           </Button>
         </View>
       </View>
-
-      <LiveEventFeedOptionsMenu
-        feed={feed}
-        control={optionsMenuControl}
-        metricContext="discover"
-      />
     </>
   )
 }

src/features/liveEvents/components/LiveEventFeedCardCompact.tsx

@@ -1,10 +1,11 @@
-import {useEffect, useMemo} from 'react'
+import {useMemo} from 'react'
 import {View} from 'react-native'
 import {Image} from 'expo-image'
 import {LinearGradient} from 'expo-linear-gradient'
 import {msg} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
 
+import {useCallOnce} from '#/lib/once'
 import {isBskyCustomFeedUrl} from '#/lib/strings/url-helpers'
 import {atoms as a, utils} from '#/alf'
 import {Live_Stroke2_Corner0_Rounded as LiveIcon} from '#/components/icons/Live'
@@ -39,13 +40,12 @@ export function LiveEventFeedCardCompact({
     return '/'
   }, [feed.url])
 
-  useEffect(() => {
+  useCallOnce(() => {
     ax.metric('liveEvents:feedBanner:seen', {
       feed: feed.url,
       context: metricContext,
     })
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [])
+  })()
 
   return (
     <Link