From e09611f5491d90b6dc28d2323cf924556bcd58b0 Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Tue, 20 Aug 2024 17:40:52 -0500
Subject: [PATCH] Invalidate query after unsub

---
 src/screens/List/ListHiddenScreen.tsx | 6 ++++++
 src/state/queries/list.ts             | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/screens/List/ListHiddenScreen.tsx b/src/screens/List/ListHiddenScreen.tsx
index 43c46910c6..473bb08ea4 100644
--- a/src/screens/List/ListHiddenScreen.tsx
+++ b/src/screens/List/ListHiddenScreen.tsx
@@ -3,8 +3,10 @@ import {View} from 'react-native'
 import {AppBskyGraphDefs} from '@atproto/api'
 import {msg, Trans} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
+import {useQueryClient} from '@tanstack/react-query'
 
 import {logger} from '#/logger'
+import {RQKEY_ROOT as listQueryRoot} from '#/state/queries/list'
 import {useGoBack} from 'lib/hooks/useGoBack'
 import {sanitizeHandle} from 'lib/strings/handles'
 import {useListBlockMutation, useListMuteMutation} from 'state/queries/list'
@@ -35,6 +37,7 @@ export function ListHiddenScreen({
   const {gtMobile} = useBreakpoints()
   const isOwner = currentAccount?.did === list.creator.did
   const goBack = useGoBack()
+  const queryClient = useQueryClient()
 
   const isModList = list.purpose === AppBskyGraphDefs.MODLIST
 
@@ -77,6 +80,9 @@ export function ListHiddenScreen({
         return
       }
     }
+    queryClient.invalidateQueries({
+      queryKey: [listQueryRoot],
+    })
     Toast.show(_(msg`Unsubscribed from list`))
     setIsProcessing(false)
   }
diff --git a/src/state/queries/list.ts b/src/state/queries/list.ts
index eeb9c3b381..405cb4ae3e 100644
--- a/src/state/queries/list.ts
+++ b/src/state/queries/list.ts
@@ -17,7 +17,7 @@ import {useAgent, useSession} from '../session'
 import {invalidate as invalidateMyLists} from './my-lists'
 import {RQKEY as PROFILE_LISTS_RQKEY} from './profile-lists'
 
-const RQKEY_ROOT = 'list'
+export const RQKEY_ROOT = 'list'
 export const RQKEY = (uri: string) => [RQKEY_ROOT, uri]
 
 export function useListQuery(uri?: string) {