Hover on sugg account

2025-04-07 09:39:39 -05:00
parent 94fd12ff49
commit 2cc39b1458
1 changed files with 44 additions and 41 deletions
@@ -186,47 +186,50 @@ let SuggestedProfileCard = ({
          {statsig: true},
        )
      }}>
-      <View
+      {s => (
-        style={[
+        <View
-          a.w_full,
+          style={[
-          a.py_lg,
+            a.flex_1,
-          a.px_lg,
+            a.w_full,
-          a.border_t,
+            a.py_lg,
-          t.atoms.border_contrast_low,
+            a.px_lg,
-          a.flex_1,
+            a.border_t,
-        ]}>
+            t.atoms.border_contrast_low,
-        <ProfileCard.Outer>
+            (s.hovered || s.pressed) && [t.atoms.bg_contrast_25],
-          <ProfileCard.Header>
+          ]}>
-            <ProfileCard.Avatar
+          <ProfileCard.Outer>
-              profile={profile}
+            <ProfileCard.Header>
-              moderationOpts={moderationOpts}
+              <ProfileCard.Avatar
-            />
+                profile={profile}
-            <ProfileCard.NameAndHandle
+                moderationOpts={moderationOpts}
-              profile={profile}
+              />
-              moderationOpts={moderationOpts}
+              <ProfileCard.NameAndHandle
-            />
+                profile={profile}
-            <ProfileCard.FollowButton
+                moderationOpts={moderationOpts}
-              profile={profile}
+              />
-              moderationOpts={moderationOpts}
+              <ProfileCard.FollowButton
-              withIcon={false}
+                profile={profile}
-              logContext="ExploreSuggestedAccounts"
+                moderationOpts={moderationOpts}
-              onFollow={() => {
+                withIcon={false}
-                logger.metric(
+                logContext="ExploreSuggestedAccounts"
-                  'suggestedUser:follow',
+                onFollow={() => {
-                  {
+                  logger.metric(
-                    logContext: 'Explore',
+                    'suggestedUser:follow',
-                    location: 'Card',
+                    {
-                    recId,
+                      logContext: 'Explore',
-                    position,
+                      location: 'Card',
-                  },
+                      recId,
-                  {statsig: true},
+                      position,
-                )
+                    },
-              }}
+                    {statsig: true},
-            />
+                  )
-          </ProfileCard.Header>
+                }}
-          <ProfileCard.Description profile={profile} numberOfLines={2} />
+              />
-        </ProfileCard.Outer>
+            </ProfileCard.Header>
-      </View>
+            <ProfileCard.Description profile={profile} numberOfLines={2} />
          </ProfileCard.Outer>
        </View>
      )}
    </ProfileCard.Link>
  )
 }