feat: add follow button on staff picks

heyverse · Mar 21, 2024 · b28dcfe · b28dcfe · vercel · Mar 21, 2024
1 parent 60fa578
commit b28dcfe
Showing 1 changed file with 12 additions and 9 deletions.
diff --git a/apps/web/src/components/Home/Sidebar/StaffPicks.tsx b/apps/web/src/components/Home/Sidebar/StaffPicks.tsx
@@ -44,11 +44,11 @@ const StaffPicks: FC = () => {
     return (
       <Card as="aside" className="mb-4 space-y-4 p-5">
         <Title />
-        <UserProfileShimmer />
-        <UserProfileShimmer />
-        <UserProfileShimmer />
-        <UserProfileShimmer />
-        <UserProfileShimmer />
+        <UserProfileShimmer showFollowUnfollowButton />
+        <UserProfileShimmer showFollowUnfollowButton />
+        <UserProfileShimmer showFollowUnfollowButton />
+        <UserProfileShimmer showFollowUnfollowButton />
+        <UserProfileShimmer showFollowUnfollowButton />
       </Card>
     );
   }
@@ -75,10 +75,13 @@ const StaffPicks: FC = () => {
       />
       {profiles?.profiles.items.map((profile) => (
         <div className="flex items-center space-x-3 truncate" key={profile.id}>
-          <UserProfile
-            profile={profile as Profile}
-            source={ProfileLinkSource.StaffPicks}
-          />
+          <div className="w-full">
+            <UserProfile
+              profile={profile as Profile}
+              showFollowUnfollowButton
+              source={ProfileLinkSource.StaffPicks}
+            />
+          </div>
         </div>
       ))}
     </Card>