Eric Bailey
c4aef9f668
* Age Assurance V2 * Tighten up test * Add todos for sdk migration * Align RQ versions * Use useEffect for side effect * Improve effects, memoize * Standarize on birthdate * Copy feedback * Copilot * Add support link * Reove double .. * Cleanup * Remove redirect dialog * Cleanup todos, add comments * Update splash in main template too * Mock some stuff * Exhaustive checks Co-authored-by: Samuel Newman <mozzius@protonmail.com> * Exhaustive checks Co-authored-by: Samuel Newman <mozzius@protonmail.com> * Small fix to bday handling * Add comment * onboarding style tweak sneaking this in sorry! * rm unreachable breaks * Put useIntentHandler back on web * Remove misleading success set * Align on birthdate --------- Co-authored-by: Samuel Newman <mozzius@protonmail.com>
59 lines
1.8 KiB
TypeScript
59 lines
1.8 KiB
TypeScript
import {View} from 'react-native'
|
|
import {msg} from '@lingui/macro'
|
|
import {useLingui} from '@lingui/react'
|
|
|
|
import {Nux, useNux, useSaveNux} from '#/state/queries/nuxs'
|
|
import {atoms as a, type ViewStyleProp} from '#/alf'
|
|
import {AgeAssuranceAdmonition} from '#/components/ageAssurance/AgeAssuranceAdmonition'
|
|
import {useAgeAssuranceCopy} from '#/components/ageAssurance/useAgeAssuranceCopy'
|
|
import {Button, ButtonIcon} from '#/components/Button'
|
|
import {TimesLarge_Stroke2_Corner0_Rounded as X} from '#/components/icons/Times'
|
|
import {useAgeAssurance} from '#/ageAssurance'
|
|
import {logger} from '#/ageAssurance'
|
|
|
|
export function AgeAssuranceDismissibleNotice({style}: ViewStyleProp & {}) {
|
|
const {_} = useLingui()
|
|
const aa = useAgeAssurance()
|
|
const {nux} = useNux(Nux.AgeAssuranceDismissibleNotice)
|
|
const copy = useAgeAssuranceCopy()
|
|
const {mutate: save, variables} = useSaveNux()
|
|
const hidden = !!variables
|
|
|
|
if (aa.state.access === aa.Access.Full) return null
|
|
if (aa.state.lastInitiatedAt) return null
|
|
if (hidden) return null
|
|
if (nux && nux.completed) return null
|
|
|
|
return (
|
|
<View style={style}>
|
|
<View>
|
|
<AgeAssuranceAdmonition>{copy.notice}</AgeAssuranceAdmonition>
|
|
|
|
<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,
|
|
})
|
|
logger.metric('ageAssurance:dismissSettingsNotice', {})
|
|
}}
|
|
style={[
|
|
a.absolute,
|
|
{
|
|
top: 12,
|
|
right: 12,
|
|
},
|
|
]}>
|
|
<ButtonIcon icon={X} />
|
|
</Button>
|
|
</View>
|
|
</View>
|
|
)
|
|
}
|