Gate NUX by country allowlist (#9549)

* country gate nux

* whoops

src/components/contacts/FindContactsBannerNUX.tsx

@@ -14,13 +14,15 @@ import {Button} from '#/components/Button'
 import {TimesLarge_Stroke2_Corner0_Rounded as XIcon} from '#/components/icons/Times'
 import {Text} from '#/components/Typography'
 import {Link} from '../Link'
+import {useIsFindContactsFeatureEnabledBasedOnGeolocation} from './country-allowlist'
 
 export function FindContactsBannerNUX() {
   const t = useTheme()
   const {_} = useLingui()
   const {visible, close} = useInternalState()
+  const isFeatureEnabled = useIsFindContactsFeatureEnabledBasedOnGeolocation()
 
-  if (!visible) return null
+  if (!visible || !isFeatureEnabled) return null
 
   return (
     <View style={[a.w_full, a.p_lg, a.border_b, t.atoms.border_contrast_low]}>

src/components/dialogs/nuxs/FindContactsAnnouncement.tsx

@@ -9,12 +9,23 @@ import {logger} from '#/logger'
 import {isWeb} from '#/platform/detection'
 import {atoms as a, useTheme, web} from '#/alf'
 import {Button, ButtonText} from '#/components/Button'
+import {useIsFindContactsFeatureEnabledBasedOnGeolocation} from '#/components/contacts/country-allowlist'
 import * as Dialog from '#/components/Dialog'
 import {useNuxDialogContext} from '#/components/dialogs/nuxs'
 import {Text} from '#/components/Typography'
 import {navigate} from '#/Navigation'
 
 export function FindContactsAnnouncement() {
+  const isFeatureEnabled = useIsFindContactsFeatureEnabledBasedOnGeolocation()
+
+  if (!isFeatureEnabled) {
+    return null
+  }
+
+  return <Inner />
+}
+
+function Inner() {
   const t = useTheme()
   const {_} = useLingui()
   const nuxDialogs = useNuxDialogContext()