From 9f25059c3c34f23243ad9b9fac8d29d84de789f1 Mon Sep 17 00:00:00 2001
From: Eric Lewis <ericlewis777@gmail.com>
Date: Tue, 9 Apr 2024 14:34:04 -0400
Subject: [PATCH] feat: see all button functions

---
 .../project/overview/Activity/Activity.tsx    | 19 +++++++++++++++----
 .../src/pages/org-slug/projects/Id.tsx        |  4 ++++
 .../pages/org-slug/projects/id/Overview.tsx   |  6 +++++-
 3 files changed, 24 insertions(+), 5 deletions(-)

diff --git a/packages/frontend/src/components/projects/project/overview/Activity/Activity.tsx b/packages/frontend/src/components/projects/project/overview/Activity/Activity.tsx
index 38b4d95..da48a71 100644
--- a/packages/frontend/src/components/projects/project/overview/Activity/Activity.tsx
+++ b/packages/frontend/src/components/projects/project/overview/Activity/Activity.tsx
@@ -4,22 +4,33 @@ import { GitCommitWithBranch } from 'types';
 import { Heading } from 'components/shared/Heading';
 import ActivityCard from './ActivityCard';
 import { Button } from 'components/shared/Button';
-import { LoadingIcon } from 'components/shared/CustomIcon';
+import { LoadingIcon, LinkIcon } from 'components/shared/CustomIcon';
+import { Link } from 'react-router-dom';
 
 export const Activity = ({
   isLoading,
   activities,
+  repoPath,
 }: {
   isLoading: boolean;
   activities: GitCommitWithBranch[];
+  repoPath: string;
 }) => {
   return (
     <div className="col-span-5 md:col-span-2 mr-1">
       <div className="flex items-center justify-between">
         <Heading className="text-lg leading-6 font-medium">Activity</Heading>
-        <Button variant="tertiary" size="sm">
-          See all
-        </Button>
+        <Link to={`https://github.com/${repoPath}/activity`} target="_blank">
+          <Button
+            variant="tertiary"
+            size="sm"
+            rightIcon={
+              <LinkIcon className="group-hover:rotate-45 transition-transform" />
+            }
+          >
+            See all
+          </Button>
+        </Link>
       </div>
       <div className="mt-5">
         {isLoading ? (
diff --git a/packages/frontend/src/pages/org-slug/projects/Id.tsx b/packages/frontend/src/pages/org-slug/projects/Id.tsx
index e5b7604..f79e940 100644
--- a/packages/frontend/src/pages/org-slug/projects/Id.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/Id.tsx
@@ -16,6 +16,7 @@ import { ChevronLeft } from 'components/shared/CustomIcon';
 import { WavyBorder } from 'components/shared/WavyBorder';
 import { Heading } from 'components/shared/Heading';
 import { Tabs } from 'components/shared/Tabs';
+import { LinkIcon } from 'components/shared/CustomIcon';
 
 const Id = () => {
   const { id } = useParams();
@@ -88,6 +89,9 @@ const Id = () => {
                   {...buttonSize}
                   className="h-11 transition-colors"
                   variant="tertiary"
+                  rightIcon={
+                    <LinkIcon className="group-hover:rotate-45 transition-transform" />
+                  }
                 >
                   Open repo
                 </Button>
diff --git a/packages/frontend/src/pages/org-slug/projects/id/Overview.tsx b/packages/frontend/src/pages/org-slug/projects/id/Overview.tsx
index 4097555..d4e9366 100644
--- a/packages/frontend/src/pages/org-slug/projects/id/Overview.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/id/Overview.tsx
@@ -221,7 +221,11 @@ const OverviewTabPanel = () => {
           </p>
         )}
       </div>
-      <Activity activities={activities} isLoading={fetchingActivities} />
+      <Activity
+        activities={activities}
+        isLoading={fetchingActivities}
+        repoPath={project.repository}
+      />
     </div>
   );
 };