Update other UI cases to use Admonitions
This commit is contained in:
@@ -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 />
|
||||||
|
|||||||
Reference in New Issue
Block a user