acetheking987/bsky-social-app
1
0
Fork 0
Code Issues Actions Packages Projects Releases 1 Wiki Activity

Better screen transitions for auth flow (#7803)

Browse Source
This commit is contained in:
Samuel Newman
2025-09-23 20:04:22 +03:00
committed by GitHub
parent 6d85fe05d1
commit 7916c73b09
13 changed files with 265 additions and 216 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/screens/StarterPack/Wizard/StepDetails.tsx
+2 -2
View File
@@ -8,7 +8,7 @@ import {useWizardState} from '#/screens/StarterPack/Wizard/State'
import {atoms as a, useTheme} from '#/alf'
import * as TextField from '#/components/forms/TextField'
import {StarterPack} from '#/components/icons/StarterPack'
import {ScreenTransition} from '#/components/StarterPack/Wizard/ScreenTransition'
import {ScreenTransition} from '#/components/ScreenTransition'
import {Text} from '#/components/Typography'
export function StepDetails() {
@@ -23,7 +23,7 @@ export function StepDetails() {
})
return (
<ScreenTransition direction={state.transitionDirection}>
<ScreenTransition direction={state.transitionDirection} enabledWeb>
<View style={[a.px_xl, a.gap_xl, a.mt_4xl]}>
<View style={[a.gap_md, a.align_center, a.px_md, a.mb_md]}>
<StarterPack width={90} gradient="sky" />
src/screens/StarterPack/Wizard/StepFeeds.tsx
+5 -2
View File
@@ -17,7 +17,7 @@ import {atoms as a, useTheme} from '#/alf'
import {SearchInput} from '#/components/forms/SearchInput'
import {useThrottledValue} from '#/components/hooks/useThrottledValue'
import {Loader} from '#/components/Loader'
import {ScreenTransition} from '#/components/StarterPack/Wizard/ScreenTransition'
import {ScreenTransition} from '#/components/ScreenTransition'
import {WizardFeedCard} from '#/components/StarterPack/Wizard/WizardListCard'
import {Text} from '#/components/Typography'
@@ -79,7 +79,10 @@ export function StepFeeds({moderationOpts}: {moderationOpts: ModerationOpts}) {
}
return (
<ScreenTransition style={[a.flex_1]} direction={state.transitionDirection}>
<ScreenTransition
style={[a.flex_1]}
direction={state.transitionDirection}
enabledWeb>
<View style={[a.border_b, t.atoms.border_contrast_medium]}>
<View style={[a.py_sm, a.px_md, {height: 60}]}>
<SearchInput
src/screens/StarterPack/Wizard/StepProfiles.tsx
+5 -2
View File
@@ -13,7 +13,7 @@ import {useWizardState} from '#/screens/StarterPack/Wizard/State'
import {atoms as a, useTheme} from '#/alf'
import {SearchInput} from '#/components/forms/SearchInput'
import {Loader} from '#/components/Loader'
import {ScreenTransition} from '#/components/StarterPack/Wizard/ScreenTransition'
import {ScreenTransition} from '#/components/ScreenTransition'
import {WizardProfileCard} from '#/components/StarterPack/Wizard/WizardListCard'
import {Text} from '#/components/Typography'
import type * as bsky from '#/types/bsky'
@@ -64,7 +64,10 @@ export function StepProfiles({
}
return (
<ScreenTransition style={[a.flex_1]} direction={state.transitionDirection}>
<ScreenTransition
style={[a.flex_1]}
direction={state.transitionDirection}
enabledWeb>
<View style={[a.border_b, t.atoms.border_contrast_medium]}>
<View style={[a.py_sm, a.px_md, {height: 60}]}>
<SearchInput