From bd5d102826c3f09c4a9dbd357ff3728cd6b7f7ea Mon Sep 17 00:00:00 2001
From: Caidan <caidan@internet.dev>
Date: Wed, 29 Oct 2025 02:43:18 -0700
Subject: [PATCH] fix: prevent profile suggestions animation when no data
 available (#9277)

Prevents AccordionAnimation from animating open on web when suggestions array is empty by adding conditional rendering logic to AnimatedProfileHeaderSuggestedFollows component.
---
 src/screens/Profile/Header/SuggestedFollows.tsx | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/screens/Profile/Header/SuggestedFollows.tsx b/src/screens/Profile/Header/SuggestedFollows.tsx
index 58a507e084..a3e1fbd5d7 100644
--- a/src/screens/Profile/Header/SuggestedFollows.tsx
+++ b/src/screens/Profile/Header/SuggestedFollows.tsx
@@ -28,6 +28,11 @@ export function AnimatedProfileHeaderSuggestedFollows({
   actorDid: string
 }) {
   const gate = useGate()
+  const {isLoading, data, error} = useSuggestedFollowsByActorQuery({
+    did: actorDid,
+  })
+
+  if (!data?.suggestions?.length) return null
 
   /* NOTE (caidanw):
    * Android does not work well with this feature yet.
@@ -40,7 +45,13 @@ export function AnimatedProfileHeaderSuggestedFollows({
 
   return (
     <AccordionAnimation isExpanded={isExpanded}>
-      <ProfileHeaderSuggestedFollows actorDid={actorDid} />
+      <ProfileGrid
+        isSuggestionsLoading={isLoading}
+        profiles={data.suggestions}
+        recId={data.recId}
+        error={error}
+        viewContext="profileHeader"
+      />
     </AccordionAnimation>
   )
 }