feat: see all button functions

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">
+        <Link to={`https://github.com/${repoPath}/activity`} target="_blank">
-          See all
+          <Button
-        </Button>
+            variant="tertiary"
+            size="sm"
+            rightIcon={
+              <LinkIcon className="group-hover:rotate-45 transition-transform" />
+            }
+          >
+            See all
+          </Button>
+        </Link>
       </div>
       <div className="mt-5">
         {isLoading ? (

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>

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>
   );
 };