feat: improve mobile experience

src/hooks/useFetchFollowings.tsx

@@ -6,26 +6,32 @@ import { useEffect, useState } from 'react'
 export function useFetchFollowings(pubkey?: string | null) {
   const [followListEvent, setFollowListEvent] = useState<Event | null>(null)
   const [followings, setFollowings] = useState<string[]>([])
+  const [isFetching, setIsFetching] = useState(true)
 
   useEffect(() => {
     const init = async () => {
-      if (!pubkey) return
+      try {
+        setIsFetching(true)
+        if (!pubkey) return
 
-      const event = await client.fetchFollowListEvent(pubkey)
-      if (!event) return
+        const event = await client.fetchFollowListEvent(pubkey)
+        if (!event) return
 
-      setFollowListEvent(event)
-      setFollowings(
-        event.tags
-          .filter(tagNameEquals('p'))
-          .map(([, pubkey]) => pubkey)
-          .filter(Boolean)
-          .reverse()
-      )
+        setFollowListEvent(event)
+        setFollowings(
+          event.tags
+            .filter(tagNameEquals('p'))
+            .map(([, pubkey]) => pubkey)
+            .filter(Boolean)
+            .reverse()
+        )
+      } finally {
+        setIsFetching(false)
+      }
     }
 
     init()
   }, [pubkey])
 
-  return { followings, followListEvent }
+  return { followings, followListEvent, isFetching }
 }