From 0ec23296899adc714666ae8f88523fe6389f67a7 Mon Sep 17 00:00:00 2001
From: Erdit Kurteshi <erdit.kurteshi@sqa-consulting.com>
Date: Mon, 11 Dec 2023 10:04:40 +0100
Subject: [PATCH] feat: add onClick to tabsButton for direct tab selection

---
 src/ActivityPage.jsx | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/ActivityPage.jsx b/src/ActivityPage.jsx
index edd603d1..a56865d0 100644
--- 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>