From a7a191dce87f9e36860f2b5906d750383e41c257 Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Wed, 16 Jul 2025 09:44:18 -0500
Subject: [PATCH] Fix spelling of dismissible lol

---
 ....tsx => AgeAssuranceDismissibleNotice.tsx} | 52 +++++++++----------
 src/screens/Settings/Settings.tsx             |  4 +-
 src/state/queries/nuxs/definitions.ts         |  6 +--
 3 files changed, 30 insertions(+), 32 deletions(-)
 rename src/components/ageAssurance/{AgeAssuranceDismissableNotice.tsx => AgeAssuranceDismissibleNotice.tsx} (58%)

diff --git a/src/components/ageAssurance/AgeAssuranceDismissableNotice.tsx b/src/components/ageAssurance/AgeAssuranceDismissibleNotice.tsx
similarity index 58%
rename from src/components/ageAssurance/AgeAssuranceDismissableNotice.tsx
rename to src/components/ageAssurance/AgeAssuranceDismissibleNotice.tsx
index 51382cebad..2ab2acc045 100644
--- a/src/components/ageAssurance/AgeAssuranceDismissableNotice.tsx
+++ b/src/components/ageAssurance/AgeAssuranceDismissibleNotice.tsx
@@ -10,11 +10,11 @@ import {useAgeAssuranceCopy} from '#/components/ageAssurance/useAgeAssuranceCopy
 import {Button, ButtonIcon} from '#/components/Button'
 import {TimesLarge_Stroke2_Corner0_Rounded as X} from '#/components/icons/Times'
 
-export function AgeAssuranceDismissableNotice({style}: ViewStyleProp & {}) {
+export function AgeAssuranceDismissibleNotice({style}: ViewStyleProp & {}) {
   const {_} = useLingui()
   const {isReady, isDeclaredUnderage, isAgeRestricted, lastInitiatedAt} =
     useAgeAssurance()
-  const {nux} = useNux(Nux.AgeAssuranceDismissableNotice)
+  const {nux} = useNux(Nux.AgeAssuranceDismissibleNotice)
   const copy = useAgeAssuranceCopy()
   const {mutate: save, variables} = useSaveNux()
   const hidden = !!variables
@@ -28,32 +28,30 @@ export function AgeAssuranceDismissableNotice({style}: ViewStyleProp & {}) {
 
   return (
     <View style={style}>
-      <View style={[a.relative]}>
-        <AgeAssuranceAdmonition>{copy.notice}</AgeAssuranceAdmonition>
+      <AgeAssuranceAdmonition>{copy.notice}</AgeAssuranceAdmonition>
 
-        <Button
-          label={_(msg`Don't show again`)}
-          size="tiny"
-          variant="solid"
-          color="secondary_inverted"
-          shape="round"
-          onPress={() =>
-            save({
-              id: Nux.AgeAssuranceDismissableNotice,
-              completed: true,
-              data: undefined,
-            })
-          }
-          style={[
-            a.absolute,
-            {
-              top: 12,
-              right: 12,
-            },
-          ]}>
-          <ButtonIcon icon={X} />
-        </Button>
-      </View>
+      <Button
+        label={_(msg`Don't show again`)}
+        size="tiny"
+        variant="solid"
+        color="secondary_inverted"
+        shape="round"
+        onPress={() =>
+          save({
+            id: Nux.AgeAssuranceDismissibleNotice,
+            completed: true,
+            data: undefined,
+          })
+        }
+        style={[
+          a.absolute,
+          {
+            top: 12,
+            right: 12,
+          },
+        ]}>
+        <ButtonIcon icon={X} />
+      </Button>
     </View>
   )
 }
diff --git a/src/screens/Settings/Settings.tsx b/src/screens/Settings/Settings.tsx
index 1bf519acee..4d10a9d0db 100644
--- a/src/screens/Settings/Settings.tsx
+++ b/src/screens/Settings/Settings.tsx
@@ -32,7 +32,7 @@ import * as Toast from '#/view/com/util/Toast'
 import {UserAvatar} from '#/view/com/util/UserAvatar'
 import * as SettingsList from '#/screens/Settings/components/SettingsList'
 import {atoms as a, platform, tokens, useBreakpoints, useTheme} from '#/alf'
-import {AgeAssuranceDismissableNotice} from '#/components/ageAssurance/AgeAssuranceDismissableNotice'
+import {AgeAssuranceDismissibleNotice} from '#/components/ageAssurance/AgeAssuranceDismissibleNotice'
 import {AvatarStackWithFetch} from '#/components/AvatarStack'
 import {useDialogControl} from '#/components/Dialog'
 import {SwitchAccountDialog} from '#/components/dialogs/SwitchAccount'
@@ -97,7 +97,7 @@ export function SettingsScreen({}: Props) {
       </Layout.Header.Outer>
       <Layout.Content>
         <SettingsList.Container>
-          <AgeAssuranceDismissableNotice style={[a.px_lg, a.pt_xs, a.pb_xl]} />
+          <AgeAssuranceDismissibleNotice style={[a.px_lg, a.pt_xs, a.pb_xl]} />
 
           <View
             style={[
diff --git a/src/state/queries/nuxs/definitions.ts b/src/state/queries/nuxs/definitions.ts
index 8436e78fcf..689c379983 100644
--- a/src/state/queries/nuxs/definitions.ts
+++ b/src/state/queries/nuxs/definitions.ts
@@ -7,7 +7,7 @@ export enum Nux {
   ExploreInterestsCard = 'ExploreInterestsCard',
   InitialVerificationAnnouncement = 'InitialVerificationAnnouncement',
   ActivitySubscriptions = 'ActivitySubscriptions',
-  AgeAssuranceDismissableNotice = 'AgeAssuranceDismissableNotice',
+  AgeAssuranceDismissibleNotice = 'AgeAssuranceDismissibleNotice',
 }
 
 export const nuxNames = new Set(Object.values(Nux))
@@ -30,7 +30,7 @@ export type AppNux = BaseNux<
       data: undefined
     }
   | {
-      id: Nux.AgeAssuranceDismissableNotice
+      id: Nux.AgeAssuranceDismissibleNotice
       data: undefined
     }
 >
@@ -40,5 +40,5 @@ export const NuxSchemas: Record<Nux, zod.ZodObject<any> | undefined> = {
   [Nux.ExploreInterestsCard]: undefined,
   [Nux.InitialVerificationAnnouncement]: undefined,
   [Nux.ActivitySubscriptions]: undefined,
-  [Nux.AgeAssuranceDismissableNotice]: undefined,
+  [Nux.AgeAssuranceDismissibleNotice]: undefined,
 }