ansxor.ca
forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Merge pull request #9853 from bluesky-social/d/profile-screen
Use Tanstack Query isPending over isLoading
+27
-27
src/view/screens/Profile.tsx
+27
-27
src/view/screens/Profile.tsx
···
1
-
import React, {useCallback, useMemo} from 'react'
1
+
import {useCallback, useEffect, useMemo, useRef, useState} from 'react'
2
2
import {StyleSheet} from 'react-native'
3
3
import {SafeAreaView} from 'react-native-safe-area-context'
4
4
import {
···
79
79
data: resolvedDid,
80
80
error: resolveError,
81
81
refetch: refetchDid,
82
-
isLoading: isLoadingDid,
82
+
isPending: isDidPending,
83
83
} = useResolveDidQuery(name)
84
84
const {
85
85
data: profile,
86
86
error: profileError,
87
87
refetch: refetchProfile,
88
-
isLoading: isLoadingProfile,
89
88
isPlaceholderData: isPlaceholderProfile,
89
+
isPending: isProfilePending,
90
90
} = useProfileQuery({
91
91
did: resolvedDid,
92
92
})
93
93
94
-
const onPressTryAgain = React.useCallback(() => {
94
+
const onPressTryAgain = useCallback(() => {
95
95
if (resolveError) {
96
-
refetchDid()
96
+
void refetchDid()
97
97
} else {
98
-
refetchProfile()
98
+
void refetchProfile()
99
99
}
100
100
}, [resolveError, refetchDid, refetchProfile])
101
101
102
102
// Apply hard-coded redirects as need
103
-
React.useEffect(() => {
103
+
useEffect(() => {
104
104
if (resolveError) {
105
105
if (name === 'lulaoficial.bsky.social') {
106
106
console.log('Applying redirect to lula.com.br')
107
-
navigate('Profile', {name: 'lula.com.br'})
107
+
void navigate('Profile', {name: 'lula.com.br'})
108
108
}
109
109
}
110
110
}, [name, resolveError])
111
111
112
112
// When we open the profile, we want to reset the posts query if we are blocked.
113
-
React.useEffect(() => {
113
+
useEffect(() => {
114
114
if (resolvedDid && profile?.viewer?.blockedBy) {
115
115
resetProfilePostsQueries(queryClient, resolvedDid)
116
116
}
117
117
}, [queryClient, profile?.viewer?.blockedBy, resolvedDid])
118
118
119
119
// Most pushes will happen here, since we will have only placeholder data
120
-
if (isLoadingDid || isLoadingProfile) {
120
+
if (isDidPending || isProfilePending) {
121
121
return (
122
122
<Layout.Content>
123
123
<ProfileHeaderLoading />
···
186
186
did: profile.did,
187
187
enabled: !!profile.associated?.labeler,
188
188
})
189
-
const [currentPage, setCurrentPage] = React.useState(0)
189
+
const [currentPage, setCurrentPage] = useState(0)
190
190
const {_} = useLingui()
191
191
192
-
const [scrollViewTag, setScrollViewTag] = React.useState<number | null>(null)
192
+
const [scrollViewTag, setScrollViewTag] = useState<number | null>(null)
193
193
194
-
const postsSectionRef = React.useRef<SectionRef>(null)
195
-
const repliesSectionRef = React.useRef<SectionRef>(null)
196
-
const mediaSectionRef = React.useRef<SectionRef>(null)
197
-
const videosSectionRef = React.useRef<SectionRef>(null)
198
-
const likesSectionRef = React.useRef<SectionRef>(null)
199
-
const feedsSectionRef = React.useRef<SectionRef>(null)
200
-
const listsSectionRef = React.useRef<SectionRef>(null)
201
-
const starterPacksSectionRef = React.useRef<SectionRef>(null)
202
-
const labelsSectionRef = React.useRef<SectionRef>(null)
194
+
const postsSectionRef = useRef<SectionRef>(null)
195
+
const repliesSectionRef = useRef<SectionRef>(null)
196
+
const mediaSectionRef = useRef<SectionRef>(null)
197
+
const videosSectionRef = useRef<SectionRef>(null)
198
+
const likesSectionRef = useRef<SectionRef>(null)
199
+
const feedsSectionRef = useRef<SectionRef>(null)
200
+
const listsSectionRef = useRef<SectionRef>(null)
201
+
const starterPacksSectionRef = useRef<SectionRef>(null)
202
+
const labelsSectionRef = useRef<SectionRef>(null)
203
203
204
204
useSetTitle(combinedDisplayName(profile))
205
205
···
315
315
)
316
316
317
317
useFocusEffect(
318
-
React.useCallback(() => {
318
+
useCallback(() => {
319
319
setMinimalShellMode(false)
320
320
return listenSoftReset(() => {
321
321
scrollSectionToTop(currentPage)
···
601
601
602
602
function useRichText(text: string): [RichTextAPI, boolean] {
603
603
const agent = useAgent()
604
-
const [prevText, setPrevText] = React.useState(text)
605
-
const [rawRT, setRawRT] = React.useState(() => new RichTextAPI({text}))
606
-
const [resolvedRT, setResolvedRT] = React.useState<RichTextAPI | null>(null)
604
+
const [prevText, setPrevText] = useState(text)
605
+
const [rawRT, setRawRT] = useState(() => new RichTextAPI({text}))
606
+
const [resolvedRT, setResolvedRT] = useState<RichTextAPI | null>(null)
607
607
if (text !== prevText) {
608
608
setPrevText(text)
609
609
setRawRT(new RichTextAPI({text}))
610
610
setResolvedRT(null)
611
611
// This will queue an immediate re-render
612
612
}
613
-
React.useEffect(() => {
613
+
useEffect(() => {
614
614
let ignore = false
615
615
async function resolveRTFacets() {
616
616
// new each time
···
620
620
setResolvedRT(resolvedRT)
621
621
}
622
622
}
623
-
resolveRTFacets()
623
+
void resolveRTFacets()
624
624
return () => {
625
625
ignore = true
626
626
}