feat: bypass IndexedDB cache when viewing user profile

src/hooks/useFetchProfile.tsx

@@ -4,7 +4,7 @@ import client from '@/services/client.service'
 import { TProfile } from '@/types'
 import { useEffect, useState } from 'react'
 
-export function useFetchProfile(id?: string) {
+export function useFetchProfile(id?: string, skipCache = false) {
   const { profile: currentAccountProfile } = useNostr()
   const [isFetching, setIsFetching] = useState(true)
   const [error, setError] = useState<Error | null>(null)
@@ -25,7 +25,7 @@ export function useFetchProfile(id?: string) {
 
         const pubkey = userIdToPubkey(id)
         setPubkey(pubkey)
-        const profile = await client.fetchProfile(id)
+        const profile = await client.fetchProfile(id, skipCache)
         if (profile) {
           setProfile(profile)
         }

src/pages/secondary/ProfilePage/index.tsx

@@ -28,7 +28,7 @@ import Relays from './Relays'
 const ProfilePage = forwardRef(({ id, index }: { id?: string; index?: number }, ref) => {
   const { t } = useTranslation()
   const { push } = useSecondaryPage()
-  const { profile, isFetching } = useFetchProfile(id)
+  const { profile, isFetching } = useFetchProfile(id, true)
   const { pubkey: accountPubkey } = useNostr()
   const { mutePubkeys } = useMuteList()
   const { followings } = useFetchFollowings(profile?.pubkey)

src/services/client.service.ts

@@ -686,12 +686,7 @@ class ClientService extends EventTarget {
   }
 
   async fetchProfile(id: string, skipCache: boolean = false): Promise<TProfile | undefined> {
-    let profileEvent: NEvent | undefined
-    if (skipCache) {
-      profileEvent = await this.fetchProfileEvent(id, skipCache)
-    } else {
-      profileEvent = await this.fetchProfileEvent(id)
-    }
+    const profileEvent = await this.fetchProfileEvent(id, skipCache)
     if (profileEvent) {
       return getProfileFromProfileEvent(profileEvent)
     }