mirror of https://git.lenooby09.tech/LeNooby09/social-app.git
0
fork

Configure Feed

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

Signup shell tweaks

+25 -39
+4 -3
src/alf/atoms.ts
··· 1 1 import {Platform} from 'react-native' 2 - import {web, native} from '#/alf/util/platform' 2 + 3 3 import * as tokens from '#/alf/tokens' 4 + import {native, web} from '#/alf/util/platform' 4 5 5 6 export const atoms = { 6 7 /* ··· 253 254 fontWeight: tokens.fontWeight.normal, 254 255 }, 255 256 font_semibold: { 256 - fontWeight: '500', 257 + fontWeight: tokens.fontWeight.semibold, 257 258 }, 258 259 font_bold: { 259 - fontWeight: tokens.fontWeight.semibold, 260 + fontWeight: tokens.fontWeight.bold, 260 261 }, 261 262 italic: { 262 263 fontStyle: 'italic',
+4 -4
src/alf/tokens.ts
··· 1 1 import { 2 2 BLUE_HUE, 3 - RED_HUE, 4 - GREEN_HUE, 5 3 generateScale, 4 + GREEN_HUE, 5 + RED_HUE, 6 6 } from '#/alf/util/colorGeneration' 7 7 8 8 export const scale = generateScale(6, 100) ··· 116 116 117 117 export const fontWeight = { 118 118 normal: '400', 119 - semibold: '600', 120 - bold: '900', 119 + semibold: '500', 120 + bold: '600', 121 121 } as const 122 122 123 123 export const gradients = {
+17 -32
src/screens/Signup/index.tsx
··· 21 21 import {StepInfo} from '#/screens/Signup/StepInfo' 22 22 import {atoms as a, useTheme} from '#/alf' 23 23 import {Button, ButtonText} from '#/components/Button' 24 + import {Divider} from '#/components/Divider' 24 25 import {InlineLink} from '#/components/Link' 25 26 import {Text} from '#/components/Typography' 26 27 ··· 126 127 keyboardShouldPersistTaps="handled" 127 128 style={a.h_full} 128 129 keyboardDismissMode="on-drag"> 129 - <View 130 - style={[ 131 - a.flex_1, 132 - a.px_xl, 133 - a.gap_3xl, 134 - a.pt_2xl, 135 - {paddingBottom: 100}, 136 - ]}> 137 - <View style={[a.gap_sm]}> 138 - <Text style={[a.text_lg, t.atoms.text_contrast_medium]}> 130 + <View style={[a.flex_1, a.px_xl, a.pt_2xl, {paddingBottom: 100}]}> 131 + <View style={[a.gap_sm, a.pb_3xl]}> 132 + <Text style={[a.font_semibold, t.atoms.text_contrast_medium]}> 139 133 <Trans>Step</Trans> {state.activeStep + 1} <Trans>of</Trans>{' '} 140 134 {state.serviceDescription && 141 135 !state.serviceDescription.phoneVerificationRequired ··· 152 146 )} 153 147 </Text> 154 148 </View> 155 - <View> 149 + 150 + <View style={[a.pb_3xl]}> 156 151 {state.activeStep === SignupStep.INFO ? ( 157 152 <StepInfo /> 158 153 ) : state.activeStep === SignupStep.HANDLE ? ( ··· 162 157 )} 163 158 </View> 164 159 165 - <View style={[a.flex_row, a.justify_between]}> 160 + <View style={[a.flex_row, a.justify_between, a.pb_lg]}> 166 161 <Button 167 162 label="Back" 168 163 variant="solid" 169 164 color="secondary" 170 - size="small" 165 + size="medium" 171 166 onPress={onBackPress}> 172 167 Back 173 168 </Button> ··· 178 173 label="Retry" 179 174 variant="solid" 180 175 color="primary" 181 - size="small" 176 + size="medium" 182 177 disabled={state.isLoading} 183 178 onPress={() => refetch()}> 184 179 Retry ··· 187 182 <Button 188 183 label="Next" 189 184 variant="solid" 190 - color={ 191 - !state.canNext || state.isLoading 192 - ? 'secondary' 193 - : 'primary' 194 - } 195 - size="small" 185 + color="primary" 186 + size="medium" 196 187 disabled={!state.canNext || state.isLoading} 197 188 onPress={onNextPress}> 198 189 <ButtonText>Next</ButtonText> ··· 201 192 </> 202 193 )} 203 194 </View> 204 - <View 205 - style={[ 206 - a.w_full, 207 - a.py_lg, 208 - a.px_md, 209 - a.rounded_sm, 210 - t.atoms.bg_contrast_25, 211 - ]}> 212 - <Text style={[a.text_md, t.atoms.text_contrast_medium]}> 195 + 196 + <Divider /> 197 + 198 + <View style={[a.w_full, a.py_lg]}> 199 + <Text style={[t.atoms.text_contrast_medium]}> 213 200 <Trans>Having trouble?</Trans>{' '} 214 - <InlineLink 215 - style={[a.text_md]} 216 - to={FEEDBACK_FORM_URL({email: state.email})}> 201 + <InlineLink to={FEEDBACK_FORM_URL({email: state.email})}> 217 202 <Trans>Contact support</Trans> 218 203 </InlineLink> 219 204 </Text>