forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
[LEG-203] Add onboarding text for policy updates (#8783)
* Add onboarding text for policy updates
* Add gate, add to other case
* Update other UI cases to use Admonitions
* Th
* Update date
authored by
Eric Bailey
and committed by
GitHub
75094f48
328aa2be
+50
-10
+7
src/lib/constants.ts
+7
src/lib/constants.ts
···
207
207
export const PUBLIC_STAGING_APPVIEW_DID = 'did:web:api.staging.bsky.dev'
208
208
209
209
export const DEV_ENV_APPVIEW = `http://localhost:2584` // always the same
210
+
211
+
export const webLinks = {
212
+
tos: `https://bsky.social/about/support/tos`,
213
+
privacy: `https://bsky.social/about/support/privacy-policy`,
214
+
community: `https://bsky.social/about/support/community-guidelines`,
215
+
communityDeprecated: `https://bsky.social/about/support/community-guidelines-deprecated`,
216
+
}
+1
src/lib/statsig/gates.ts
+1
src/lib/statsig/gates.ts
+42
-10
src/screens/Signup/StepInfo/Policies.tsx
+42
-10
src/screens/Signup/StepInfo/Policies.tsx
···
4
4
import {msg, Trans} from '@lingui/macro'
5
5
import {useLingui} from '@lingui/react'
6
6
7
+
import {webLinks} from '#/lib/constants'
8
+
import {useGate} from '#/lib/statsig/statsig'
7
9
import {atoms as a, useTheme} from '#/alf'
8
-
import {CircleInfo_Stroke2_Corner0_Rounded as CircleInfo} from '#/components/icons/CircleInfo'
10
+
import {Admonition} from '#/components/Admonition'
9
11
import {InlineLinkText} from '#/components/Link'
10
12
import {Text} from '#/components/Typography'
11
13
14
+
function CommunityGuidelinesNotice({}: {}) {
15
+
const {_} = useLingui()
16
+
const gate = useGate()
17
+
18
+
if (gate('disable_onboarding_policy_update_notice')) return null
19
+
20
+
return (
21
+
<View style={[a.pt_xs]}>
22
+
<Admonition type="tip">
23
+
<Trans>
24
+
You also agree to{' '}
25
+
<InlineLinkText
26
+
label={_(msg`Bluesky's Community Guidelines`)}
27
+
to={webLinks.communityDeprecated}>
28
+
Bluesky’s Community Guidelines
29
+
</InlineLinkText>
30
+
. An{' '}
31
+
<InlineLinkText
32
+
label={_(msg`Bluesky's Updated Community Guidelines`)}
33
+
to={webLinks.community}>
34
+
updated version of our Community Guidelines
35
+
</InlineLinkText>{' '}
36
+
will take effect on October 13th.
37
+
</Trans>
38
+
</Admonition>
39
+
</View>
40
+
)
41
+
}
42
+
12
43
export const Policies = ({
13
44
serviceDescription,
14
45
needsGuardian,
···
30
61
31
62
if (!tos && !pp) {
32
63
return (
33
-
<View style={[a.flex_row, a.align_center, a.gap_xs]}>
34
-
<CircleInfo size="md" fill={t.atoms.text_contrast_low.color} />
35
-
36
-
<Text style={[t.atoms.text_contrast_medium]}>
64
+
<View style={[a.gap_sm]}>
65
+
<Admonition type="info">
37
66
<Trans>
38
67
This service has not provided terms of service or a privacy policy.
39
68
</Trans>
40
-
</Text>
69
+
</Admonition>
70
+
<CommunityGuidelinesNotice />
41
71
</View>
42
72
)
43
73
}
···
102
132
) : null}
103
133
104
134
{under13 ? (
105
-
<Text style={[a.font_bold, a.leading_snug, t.atoms.text_contrast_high]}>
135
+
<Admonition type="error">
106
136
<Trans>
107
137
You must be 13 years of age or older to create an account.
108
138
</Trans>
109
-
</Text>
139
+
</Admonition>
110
140
) : needsGuardian ? (
111
-
<Text style={[a.font_bold, a.leading_snug, t.atoms.text_contrast_high]}>
141
+
<Admonition type="warning">
112
142
<Trans>
113
143
If you are not yet an adult according to the laws of your country,
114
144
your parent or legal guardian must read these Terms on your behalf.
115
145
</Trans>
116
-
</Text>
146
+
</Admonition>
117
147
) : undefined}
148
+
149
+
<CommunityGuidelinesNotice />
118
150
</View>
119
151
)
120
152
}