acetheking987/bsky-social-app
1
0
Fork 0
Code Issues Actions Packages Projects Releases 1 Wiki Activity

Inset in blue well

Browse Source
This commit is contained in:
Eric Bailey
2025-07-14 10:50:36 -05:00
parent 0689db8151
commit 72d3952d9f
1 changed files with 68 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/ageAssurance/AgeRestrictedScreen.tsx
+68 -40
View File
@@ -3,7 +3,7 @@ import {View} from 'react-native'
import {msg, Trans} from '@lingui/macro' import {msg, Trans} from '@lingui/macro'
import {useLingui} from '@lingui/react' import {useLingui} from '@lingui/react'
import {atoms as a, useTheme} from '#/alf' import {atoms as a, select, useTheme} from '#/alf'
import {AgeAssuranceBadge} from '#/components/ageAssurance/AgeAssuranceBadge' import {AgeAssuranceBadge} from '#/components/ageAssurance/AgeAssuranceBadge'
import { import {
AgeAssuranceInitDialog, AgeAssuranceInitDialog,
@@ -58,50 +58,78 @@ export function AgeRestrictedScreen({
</Layout.Header.Outer> </Layout.Header.Outer>
<Layout.Content> <Layout.Content>
<View style={[a.p_lg]}> <View style={[a.p_lg]}>
<AgeAssuranceInitDialog control={control} />
<View style={[a.align_start, a.pb_md]}>
<AgeAssuranceBadge />
</View>
<Text style={[a.text_md, a.leading_snug, a.pb_sm]}>
<Trans>
You're using Bluesky from a location that legally requires you
to verify your age prior to accessing certain features, like
adult content and direct messaging.
</Trans>
</Text>
<Text style={[a.text_md, a.leading_snug]}>
<Trans>
You must complete age verification to access this screen.
</Trans>
</Text>
<Divider style={[a.mt_lg]} />
<View <View
style={[ style={[
a.flex_row, a.p_lg,
a.justify_between, a.rounded_md,
a.align_center, a.border,
a.pt_md, {
a.gap_lg, backgroundColor: select(t.name, {
light: t.palette.primary_25,
dark: t.palette.primary_25,
dim: t.palette.primary_25,
}),
borderColor: select(t.name, {
light: t.palette.primary_100,
dark: t.palette.primary_100,
dim: t.palette.primary_100,
}),
},
]}> ]}>
<Text style={[t.atoms.text_contrast_medium]}> <AgeAssuranceInitDialog control={control} />
<Trans>Age verification takes only a few minutes</Trans>
<View style={[a.align_start, a.pb_md]}>
<AgeAssuranceBadge />
</View>
<Text style={[a.text_md, a.leading_snug, a.pb_sm]}>
<Trans>
You're using Bluesky from a location that legally requires
you to verify your age prior to accessing certain features,
like adult content and direct messaging.
</Trans>
</Text> </Text>
<Button <Text style={[a.text_md, a.leading_snug]}>
label={_(msg`Verify now`)} <Trans>
size="small" You must complete age verification to access this screen.
variant="solid" </Trans>
color="primary" </Text>
onPress={() => control.open()}>
<ButtonText> <Divider style={[a.mt_lg]} />
<Trans>Verify now</Trans>
</ButtonText> <View
</Button> style={[
a.flex_row,
a.justify_between,
a.align_center,
a.pt_md,
a.gap_lg,
]}>
<Text
style={[
{
color: select(t.name, {
light: t.palette.primary_800,
dark: t.palette.primary_800,
dim: t.palette.primary_800,
}),
},
]}>
<Trans>Age verification takes only a few minutes</Trans>
</Text>
<Button
label={_(msg`Verify now`)}
size="small"
variant="solid"
color="primary"
onPress={() => control.open()}>
<ButtonText>
<Trans>Verify now</Trans>
</ButtonText>
</Button>
</View>
</View> </View>
</View> </View>
</Layout.Content> </Layout.Content>