refactor(ui): follow button and description to match design

2025-07-24 18:53:41 -07:00
parent d338deeb2f
commit 66e5e174a4
1 changed files with 34 additions and 23 deletions
@@ -294,16 +294,29 @@ export function ProfileGrid({
                    moderationOpts={moderationOpts}
                    size={88}
                  />
+                  <View style={[a.flex_col, a.align_center]}>
                    <ProfileCard.Name
                      profile={profile}
                      moderationOpts={moderationOpts}
                    />
+                    <ProfileCard.Description
+                      profile={profile}
+                      numberOfLines={2}
+                      style={[
+                        t.atoms.text_contrast_medium,
+                        a.text_center,
+                        a.text_xs,
+                      ]}
+                    />
+                  </View>
+                </View>
+
                <ProfileCard.FollowButton
                  profile={profile}
                  moderationOpts={moderationOpts}
                  logContext="FeedInterstitial"
-                    shape="round"
-                    colorInverted
+                  withIcon={false}
+                  style={[a.rounded_sm]}
                  onFollow={() => {
                    logEvent('suggestedUser:follow', {
                      logContext:
@@ -316,8 +329,6 @@ export function ProfileGrid({
                    })
                  }}
                />
-                <ProfileCard.Description profile={profile} numberOfLines={2} />
-                </View>
              </ProfileCard.Outer>
            </CardOuter>
          )}