Bluesky app fork with some witchin' additions 💫
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

[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
··· 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
··· 3 3 | 'alt_share_icon' 4 4 | 'debug_show_feedcontext' 5 5 | 'debug_subscriptions' 6 + | 'disable_onboarding_policy_update_notice' 6 7 | 'explore_show_suggested_feeds' 7 8 | 'old_postonboarding' 8 9 | 'onboarding_add_video_feed'
+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 }