From d164e538cd35edb8e1753e49f6ea21096e8d5efe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Leszczyk?= <michasko37@gmail.com>
Date: Mon, 11 Apr 2022 13:32:22 +0200
Subject: [PATCH] fix(dashboard-v2): hide View All link when there's nothing to
 view

---
 .../LatestActivity/ActivityTable.js           | 34 +++++++++++--------
 .../LatestActivity/LatestActivity.js          | 13 -------
 .../components/LatestActivity/ViewAllLink.js  | 12 +++++++
 3 files changed, 31 insertions(+), 28 deletions(-)
 create mode 100644 packages/dashboard-v2/src/components/LatestActivity/ViewAllLink.js

diff --git a/packages/dashboard-v2/src/components/LatestActivity/ActivityTable.js b/packages/dashboard-v2/src/components/LatestActivity/ActivityTable.js
index 345a2daa..2ee95e0f 100644
--- a/packages/dashboard-v2/src/components/LatestActivity/ActivityTable.js
+++ b/packages/dashboard-v2/src/components/LatestActivity/ActivityTable.js
@@ -4,6 +4,7 @@ import useSWR from "swr";
 import { Table, TableBody, TableCell, TableRow } from "../Table";
 import { ContainerLoadingIndicator } from "../LoadingIndicator";
 
+import { ViewAllLink } from "./ViewAllLink";
 import useFormattedActivityData from "./useFormattedActivityData";
 
 export default function ActivityTable({ type }) {
@@ -22,20 +23,23 @@ export default function ActivityTable({ type }) {
   }
 
   return (
-    <Table style={{ tableLayout: "fixed" }}>
-      <TableBody>
-        {items.map(({ id, name, type, size, date, skylink }) => (
-          <TableRow key={id}>
-            <TableCell>{name}</TableCell>
-            <TableCell className="w-[80px]">{type}</TableCell>
-            <TableCell className="w-[80px]" align="right">
-              {size}
-            </TableCell>
-            <TableCell className="w-[180px]">{date}</TableCell>
-            <TableCell>{skylink}</TableCell>
-          </TableRow>
-        ))}
-      </TableBody>
-    </Table>
+    <>
+      <Table style={{ tableLayout: "fixed" }}>
+        <TableBody>
+          {items.map(({ id, name, type, size, date, skylink }) => (
+            <TableRow key={id}>
+              <TableCell>{name}</TableCell>
+              <TableCell className="w-[80px]">{type}</TableCell>
+              <TableCell className="w-[80px]" align="right">
+                {size}
+              </TableCell>
+              <TableCell className="w-[180px]">{date}</TableCell>
+              <TableCell>{skylink}</TableCell>
+            </TableRow>
+          ))}
+        </TableBody>
+      </Table>
+      <ViewAllLink to={`/files?tab=${type}`} />
+    </>
   );
 }
diff --git a/packages/dashboard-v2/src/components/LatestActivity/LatestActivity.js b/packages/dashboard-v2/src/components/LatestActivity/LatestActivity.js
index 87825661..535bceba 100644
--- a/packages/dashboard-v2/src/components/LatestActivity/LatestActivity.js
+++ b/packages/dashboard-v2/src/components/LatestActivity/LatestActivity.js
@@ -1,21 +1,10 @@
 import * as React from "react";
-import { Link } from "gatsby";
 
 import { Panel } from "../Panel";
 import { Tab, TabPanel, Tabs } from "../Tabs";
-import { ArrowRightIcon } from "../Icons";
 
 import ActivityTable from "./ActivityTable";
 
-const ViewAllLink = (props) => (
-  <Link className="inline-flex mt-6 items-center gap-3 ease-in-out hover:brightness-90" {...props}>
-    <span className="bg-primary rounded-full w-[32px] h-[32px] inline-flex justify-center items-center">
-      <ArrowRightIcon />
-    </span>
-    <span className="font-sans text-xs uppercase text-palette-400">View all</span>
-  </Link>
-);
-
 export default function LatestActivity() {
   return (
     <Panel title="Latest activity">
@@ -24,11 +13,9 @@ export default function LatestActivity() {
         <Tab id="downloads" title="Downloads" />
         <TabPanel tabId="uploads" className="pt-4">
           <ActivityTable type="uploads" />
-          <ViewAllLink to="/files?tab=uploads" />
         </TabPanel>
         <TabPanel tabId="downloads" className="pt-4">
           <ActivityTable type="downloads" />
-          <ViewAllLink to="/files?tab=downloads" />
         </TabPanel>
       </Tabs>
     </Panel>
diff --git a/packages/dashboard-v2/src/components/LatestActivity/ViewAllLink.js b/packages/dashboard-v2/src/components/LatestActivity/ViewAllLink.js
new file mode 100644
index 00000000..2cee28ea
--- /dev/null
+++ b/packages/dashboard-v2/src/components/LatestActivity/ViewAllLink.js
@@ -0,0 +1,12 @@
+import { Link } from "gatsby";
+
+import { ArrowRightIcon } from "../Icons";
+
+export const ViewAllLink = (props) => (
+  <Link className="inline-flex mt-6 items-center gap-3 ease-in-out hover:brightness-90" {...props}>
+    <span className="bg-primary rounded-full w-[32px] h-[32px] inline-flex justify-center items-center">
+      <ArrowRightIcon />
+    </span>
+    <span className="font-sans text-xs uppercase text-palette-400">View all</span>
+  </Link>
+);