Update other UI cases to use Admonitions

This commit is contained in:
Eric Bailey
2025-08-06 13:08:20 -05:00
parent feeee26b52
commit 01b02f65f9
+11 -17
View File
@@ -8,7 +8,6 @@ import {webLinks} from '#/lib/constants'
import {useGate} from '#/lib/statsig/statsig' import {useGate} from '#/lib/statsig/statsig'
import {atoms as a, useTheme} from '#/alf' import {atoms as a, useTheme} from '#/alf'
import {Admonition} from '#/components/Admonition' import {Admonition} from '#/components/Admonition'
import {CircleInfo_Stroke2_Corner0_Rounded as CircleInfo} from '#/components/icons/CircleInfo'
import {InlineLinkText} from '#/components/Link' import {InlineLinkText} from '#/components/Link'
import {Text} from '#/components/Typography' import {Text} from '#/components/Typography'
@@ -20,7 +19,7 @@ function CommunityGuidelinesNotice({}: {}) {
return ( return (
<View style={[a.pt_xs]}> <View style={[a.pt_xs]}>
<Admonition type="info"> <Admonition type="tip">
<Trans> <Trans>
You also agree to{' '} You also agree to{' '}
<InlineLinkText <InlineLinkText
@@ -62,17 +61,12 @@ export const Policies = ({
if (!tos && !pp) { if (!tos && !pp) {
return ( return (
<View style={[a.gap_md]}> <View style={[a.gap_sm]}>
<View style={[a.flex_row, a.align_center, a.gap_xs]}> <Admonition type="info">
<CircleInfo size="md" fill={t.atoms.text_contrast_low.color} /> <Trans>
This service has not provided terms of service or a privacy policy.
<Text style={[t.atoms.text_contrast_medium]}> </Trans>
<Trans> </Admonition>
This service has not provided terms of service or a privacy
policy.
</Trans>
</Text>
</View>
<CommunityGuidelinesNotice /> <CommunityGuidelinesNotice />
</View> </View>
) )
@@ -138,18 +132,18 @@ export const Policies = ({
) : null} ) : null}
{under13 ? ( {under13 ? (
<Text style={[a.font_bold, a.leading_snug, t.atoms.text_contrast_high]}> <Admonition type="error">
<Trans> <Trans>
You must be 13 years of age or older to create an account. You must be 13 years of age or older to create an account.
</Trans> </Trans>
</Text> </Admonition>
) : needsGuardian ? ( ) : needsGuardian ? (
<Text style={[a.font_bold, a.leading_snug, t.atoms.text_contrast_high]}> <Admonition type="warning">
<Trans> <Trans>
If you are not yet an adult according to the laws of your country, If you are not yet an adult according to the laws of your country,
your parent or legal guardian must read these Terms on your behalf. your parent or legal guardian must read these Terms on your behalf.
</Trans> </Trans>
</Text> </Admonition>
) : undefined} ) : undefined}
<CommunityGuidelinesNotice /> <CommunityGuidelinesNotice />