forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
add sideborders to <ProfileHeaderLoading> (#4995)
authored by
Samuel Newman
and committed by
GitHub
0f36ffdc
91853ed5
+17
-16
+17
-16
src/view/screens/Profile.tsx
+17
-16
src/view/screens/Profile.tsx
···
16
16
useQueryClient,
17
17
} from '@tanstack/react-query'
18
18
19
+
import {useAnalytics} from '#/lib/analytics/analytics'
20
+
import {useSetTitle} from '#/lib/hooks/useSetTitle'
21
+
import {ComposeIcon2} from '#/lib/icons'
22
+
import {CommonNavigatorParams, NativeStackScreenProps} from '#/lib/routes/types'
23
+
import {combinedDisplayName} from '#/lib/strings/display-names'
19
24
import {cleanError} from '#/lib/strings/errors'
25
+
import {isInvalidHandle} from '#/lib/strings/handles'
26
+
import {colors, s} from '#/lib/styles'
20
27
import {useProfileShadow} from '#/state/cache/profile-shadow'
28
+
import {listenSoftReset} from '#/state/events'
21
29
import {useModerationOpts} from '#/state/preferences/moderation-opts'
30
+
import {useActorStarterPacksQuery} from '#/state/queries/actor-starter-packs'
22
31
import {useLabelerInfoQuery} from '#/state/queries/labeler'
23
32
import {resetProfilePostsQueries} from '#/state/queries/post-feed'
24
33
import {useProfileQuery} from '#/state/queries/profile'
···
26
35
import {useAgent, useSession} from '#/state/session'
27
36
import {useSetDrawerSwipeDisabled, useSetMinimalShellMode} from '#/state/shell'
28
37
import {useComposerControls} from '#/state/shell/composer'
29
-
import {useAnalytics} from 'lib/analytics/analytics'
30
-
import {useSetTitle} from 'lib/hooks/useSetTitle'
31
-
import {ComposeIcon2} from 'lib/icons'
32
-
import {CommonNavigatorParams, NativeStackScreenProps} from 'lib/routes/types'
33
-
import {combinedDisplayName} from 'lib/strings/display-names'
34
-
import {isInvalidHandle} from 'lib/strings/handles'
35
-
import {colors, s} from 'lib/styles'
36
-
import {listenSoftReset} from 'state/events'
37
-
import {useActorStarterPacksQuery} from 'state/queries/actor-starter-packs'
38
+
import {ProfileFeedgens} from '#/view/com/feeds/ProfileFeedgens'
39
+
import {ProfileLists} from '#/view/com/lists/ProfileLists'
40
+
import {ErrorScreen} from '#/view/com/util/error/ErrorScreen'
41
+
import {FAB} from '#/view/com/util/fab/FAB'
42
+
import {ListRef} from '#/view/com/util/List'
43
+
import {CenteredView} from '#/view/com/util/Views'
38
44
import {PagerWithHeader} from 'view/com/pager/PagerWithHeader'
39
45
import {ProfileHeader, ProfileHeaderLoading} from '#/screens/Profile/Header'
40
46
import {ProfileFeedSection} from '#/screens/Profile/Sections/Feed'
41
47
import {ProfileLabelsSection} from '#/screens/Profile/Sections/Labels'
48
+
import {web} from '#/alf'
42
49
import {ScreenHider} from '#/components/moderation/ScreenHider'
43
50
import {ProfileStarterPacks} from '#/components/StarterPack/ProfileStarterPacks'
44
51
import {navigate} from '#/Navigation'
45
52
import {ExpoScrollForwarderView} from '../../../modules/expo-scroll-forwarder'
46
-
import {ProfileFeedgens} from '../com/feeds/ProfileFeedgens'
47
-
import {ProfileLists} from '../com/lists/ProfileLists'
48
-
import {ErrorScreen} from '../com/util/error/ErrorScreen'
49
-
import {FAB} from '../com/util/fab/FAB'
50
-
import {ListRef} from '../com/util/List'
51
-
import {CenteredView} from '../com/util/Views'
52
53
53
54
interface SectionRef {
54
55
scrollToTop: () => void
···
107
108
// Most pushes will happen here, since we will have only placeholder data
108
109
if (isLoadingDid || isLoadingProfile || starterPacksQuery.isLoading) {
109
110
return (
110
-
<CenteredView>
111
+
<CenteredView sideBorders style={web({height: '100vh'})}>
111
112
<ProfileHeaderLoading />
112
113
</CenteredView>
113
114
)