diff --git a/src/screens/Settings/FindContactsSettings.tsx b/src/screens/Settings/FindContactsSettings.tsx
index cc3e0336c3..3cb8feb7eb 100644
--- a/src/screens/Settings/FindContactsSettings.tsx
+++ b/src/screens/Settings/FindContactsSettings.tsx
@@ -26,6 +26,7 @@ import {TimesLarge_Stroke2_Corner0_Rounded as XIcon} from '#/components/icons/Ti
import {Trash_Stroke2_Corner0_Rounded as TrashIcon} from '#/components/icons/Trash'
import * as Layout from '#/components/Layout'
import {InlineLinkText, Link} from '#/components/Link'
+import {Loader} from '#/components/Loader'
import * as ProfileCard from '#/components/ProfileCard'
import {Text} from '#/components/Typography'
import type * as bsky from '#/types/bsky'
@@ -117,7 +118,7 @@ function Intro() {
}
function Status() {
- const {data: matches} = useProfilesQuery({
+ const {data: matches, isPending} = useProfilesQuery({
handles: ['hailey.at', 'pfrazee.com', 'esb.lol'],
})
const moderationOpts = useModerationOpts()
@@ -142,7 +143,9 @@ function Status() {
}
+ ListHeaderComponent={
+
+ }
ListFooterComponent={}
/>
)
@@ -214,9 +217,23 @@ function MatchItem({
)
}
-function StatusHeader({numMatches}: {numMatches: number}) {
+function StatusHeader({
+ numMatches,
+ isPending,
+}: {
+ numMatches: number
+ isPending: boolean
+}) {
const t = useTheme()
+ if (isPending) {
+ return (
+
+
+
+ )
+ }
+
return (