Fix unintended animation

bluesky-social · Dec 17, 2024 · 1e88134 · 1e88134
1 parent b279ba9
commit 1e88134
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/components/ProgressGuide/FollowDialog.tsx b/src/components/ProgressGuide/FollowDialog.tsx
@@ -138,6 +138,7 @@ function DialogInner({
     Map<string, AppBskyActorDefs.ProfileView[]>
   >(() => new Map())
 
+  const query = searchText || selectedInterest
   const {
     data: searchResults,
     isFetching,
@@ -147,7 +148,7 @@ function DialogInner({
     isFetchingNextPage,
     fetchNextPage,
   } = useActorSearchPaginated({
-    query: searchText || selectedInterest,
+    query,
   })
 
   const hasSearchText = !!searchText
@@ -181,7 +182,8 @@ function DialogInner({
         seen.add(profile.did)
         _items.push({
           type: 'profile',
-          key: profile.did,
+          // Don't share identity across tabs or typing attempts
+          key: query + ':' + profile.did,
           profile,
           isSuggestion: false,
         })
@@ -234,6 +236,7 @@ function DialogInner({
     hasSearchText,
     selectedInterest,
     suggestedAccounts,
+    query,
   ])
 
   if (searchText && !isFetching && !items.length && !isError) {
@@ -246,7 +249,6 @@ function DialogInner({
         case 'profile': {
           return (
             <FollowProfileCard
-              key={item.key}
               profile={item.profile}
               isSuggestion={item.isSuggestion}
               moderationOpts={moderationOpts!}