Add DownloadCVs to company page

Author: nalves599

src/app/(authenticated)/companies/[id]/page.tsx

@@ -15,6 +15,7 @@ import { ExternalLinkIcon, Scan } from "lucide-react";
 import Link from "next/link";
 import BlankPageWithMessage from "@/components/BlankPageMessage";
 import ConnectionTile from "@/components/user/ConnectionTile";
+import DownloadCVs from "@/components/company/DownloadCVs";
 
 interface CompanyParams {
   id: string;
@@ -32,13 +33,13 @@ export default async function Company({ params }: { params: CompanyParams }) {
   }
 
   const companySessions = company.sessions?.sort((a, b) =>
-    a.date.localeCompare(b.date)
+    a.date.localeCompare(b.date),
   );
   const companyMembers = company.members?.sort((a, b) =>
-    a.name.localeCompare(b.name)
+    a.name.localeCompare(b.name),
   );
   const companyStands = company.stands?.sort((a, b) =>
-    a.date.localeCompare(b.date)
+    a.date.localeCompare(b.date),
   );
   const hereToday = isHereToday(company);
 
@@ -47,9 +48,17 @@ export default async function Company({ params }: { params: CompanyParams }) {
 
   const companyConnections = await CompanyService.getConnections(
     session.cannonToken,
-    companyID
+    companyID,
   );
 
+  const downloadCVsLinks =
+    user &&
+    ((isCompany(user.role) &&
+      !!user.company?.length &&
+      user.company[0].company === companyID) ||
+      isMember(user.role)) &&
+    (await CompanyService.getDownloadLinks(session.cannonToken, companyID));
+
   return (
     <div className="container mx-auto">
       <div className="flex flex-col items-center gap-y-3 p-4 text-center">
@@ -74,6 +83,10 @@ export default async function Company({ params }: { params: CompanyParams }) {
           </span>
         )}
       </div>
+
+      {/* Download CVs */}
+      {downloadCVsLinks && <DownloadCVs links={downloadCVsLinks} />}
+
       {/* Members section */}
       {user && isMember(user.role) && (
         <div className="flex justify-center items-center p-4 gap-2">

src/app/(authenticated)/home/page.tsx

@@ -21,6 +21,7 @@ import UserSignOut from "@/components/UserSignOut";
 import { SPIN_WHEEL_MAXIMUM } from "@/constants";
 import { EventService } from "@/services/EventService";
 import { FileUser, Users } from "lucide-react";
+import DownloadCVs from "@/components/company/DownloadCVs";
 
 const N_SESSION_TILES = 3;
 const N_COMPANY_TILES = 15;
@@ -103,30 +104,7 @@ export default async function Home() {
       )}
 
       {/* Download CVs section */}
-      {downloadCVsLinks && (
-        <List title="Download CVs">
-          {downloadCVsLinks.all && (
-            <Link
-              className="button-primary text-sm"
-              href={downloadCVsLinks.all}
-              download
-            >
-              <FileUser size={16} />
-              Download all
-            </Link>
-          )}
-          {downloadCVsLinks.companyConnections && (
-            <Link
-              className="button-tertiary text-sm"
-              href={downloadCVsLinks.companyConnections}
-              download
-            >
-              <Users size={16} />
-              Download company connections
-            </Link>
-          )}
-        </List>
-      )}
+      {downloadCVsLinks && <DownloadCVs links={downloadCVsLinks} />}
 
       {/* Upcoming Sessions */}
       <List

src/components/company/DownloadCVs.tsx

@@ -0,0 +1,30 @@
+import { FileUser, Users } from "lucide-react";
+import Link from "next/link";
+import List from "../List";
+
+interface DownloadCVsProps {
+  links: DownloadLinks;
+}
+
+export default function DownloadCVs({ links }: DownloadCVsProps) {
+  return (
+    <List title="Download CVs">
+      {links.all && (
+        <Link className="button-primary text-sm" href={links.all} download>
+          <FileUser size={16} />
+          Download all
+        </Link>
+      )}
+      {links.companyConnections && (
+        <Link
+          className="button-tertiary text-sm"
+          href={links.companyConnections}
+          download
+        >
+          <Users size={16} />
+          Download company connections
+        </Link>
+      )}
+    </List>
+  );
+}