forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Revert animation change in signup (#4693)
+28
-26
+2
-6
src/screens/Signup/StepInfo/index.tsx
+2
-6
src/screens/Signup/StepInfo/index.tsx
···
1
-
import React, {useEffect} from 'react'
2
-
import {LayoutAnimation, View} from 'react-native'
1
+
import React from 'react'
2
+
import {View} from 'react-native'
3
3
import {msg, Trans} from '@lingui/macro'
4
4
import {useLingui} from '@lingui/react'
5
5
···
34
34
}) {
35
35
const {_} = useLingui()
36
36
const {state, dispatch} = useSignupContext()
37
-
38
-
useEffect(() => {
39
-
LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut)
40
-
}, [state.isLoading, isLoadingStarterPack])
41
37
42
38
return (
43
39
<ScreenTransition>
+24
-20
src/screens/Signup/index.tsx
+24
-20
src/screens/Signup/index.tsx
···
1
1
import React from 'react'
2
2
import {View} from 'react-native'
3
-
import {LayoutAnimationConfig} from 'react-native-reanimated'
3
+
import Animated, {FadeIn, LayoutAnimationConfig} from 'react-native-reanimated'
4
4
import {AppBskyGraphStarterpack} from '@atproto/api'
5
5
import {msg, Trans} from '@lingui/macro'
6
6
import {useLingui} from '@lingui/react'
···
50
50
} = useStarterPackQuery({
51
51
uri: activeStarterPack?.uri,
52
52
})
53
+
54
+
const [isFetchedAtMount] = React.useState(starterPack != null)
53
55
const showStarterPackCard =
54
56
activeStarterPack?.uri && !isFetchingStarterPack && starterPack
55
57
···
159
161
<View testID="createAccount" style={a.flex_1}>
160
162
{showStarterPackCard &&
161
163
AppBskyGraphStarterpack.isRecord(starterPack.record) ? (
162
-
<LinearGradientBackground
163
-
style={[a.mx_lg, a.p_lg, a.gap_sm, a.rounded_sm]}>
164
-
<Text style={[a.font_bold, a.text_xl, {color: 'white'}]}>
165
-
{starterPack.record.name}
166
-
</Text>
167
-
<Text style={[{color: 'white'}]}>
168
-
{starterPack.feeds?.length ? (
169
-
<Trans>
170
-
You'll follow the suggested users and feeds once you finish
171
-
creating your account!
172
-
</Trans>
173
-
) : (
174
-
<Trans>
175
-
You'll follow the suggested users once you finish creating
176
-
your account!
177
-
</Trans>
178
-
)}
179
-
</Text>
180
-
</LinearGradientBackground>
164
+
<Animated.View entering={!isFetchedAtMount ? FadeIn : undefined}>
165
+
<LinearGradientBackground
166
+
style={[a.mx_lg, a.p_lg, a.gap_sm, a.rounded_sm]}>
167
+
<Text style={[a.font_bold, a.text_xl, {color: 'white'}]}>
168
+
{starterPack.record.name}
169
+
</Text>
170
+
<Text style={[{color: 'white'}]}>
171
+
{starterPack.feeds?.length ? (
172
+
<Trans>
173
+
You'll follow the suggested users and feeds once you
174
+
finish creating your account!
175
+
</Trans>
176
+
) : (
177
+
<Trans>
178
+
You'll follow the suggested users once you finish creating
179
+
your account!
180
+
</Trans>
181
+
)}
182
+
</Text>
183
+
</LinearGradientBackground>
184
+
</Animated.View>
181
185
) : null}
182
186
<View
183
187
style={[
+2
src/screens/Signup/state.ts
+2
src/screens/Signup/state.ts