Merge pull request #563 from near/693-navigate-tabs-on-mobile

feat: Add click directly on TabsButton
near · Dec 12, 2023 · 7903b2e · 7903b2e
2 parents c2ac005 + 0ec2329
commit 7903b2e
Showing 1 changed file with 15 additions and 3 deletions.
diff --git a/src/ActivityPage.jsx b/src/ActivityPage.jsx
@@ -102,15 +102,27 @@ const TabsButton = styled("Link")`
 return (
   <Wrapper className="container-xl" negativeMargin={selectedTab === "posts"}>
     <Tabs halfMargin={selectedTab === "apps"} noMargin={selectedTab === "posts"}>
-      <TabsButton href={`${activityUrl}?tab=posts`} selected={selectedTab === "posts"}>
+      <TabsButton
+        href={`${activityUrl}?tab=posts`}
+        selected={selectedTab === "posts"}
+        onClick={() => setSelectedTab("posts")}
+      >
         Posts
       </TabsButton>
 
-      <TabsButton href={`${activityUrl}?tab=apps`} selected={selectedTab === "apps"}>
+      <TabsButton
+        href={`${activityUrl}?tab=apps`}
+        selected={selectedTab === "apps"}
+        onClick={() => setSelectedTab("apps")}
+      >
         Components
       </TabsButton>
 
-      <TabsButton href={`${activityUrl}?tab=explore`} selected={selectedTab === "explore"}>
+      <TabsButton
+        href={`${activityUrl}?tab=explore`}
+        selected={selectedTab === "explore"}
+        onClick={() => setSelectedTab("explore")}
+      >
         Explore
       </TabsButton>
     </Tabs>