Added to the Company page navigation links to venue

Author: Francisca105

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

@@ -33,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);
 
@@ -88,7 +88,12 @@ export default async function Company({ params }: { params: CompanyParams }) {
           description="When we will be at SINFO"
         >
           {companyStands.map((s) => (
-            <EventDayButton key={s.date} date={s.date} selected={true} />
+            <Link
+              key={s.date}
+              href={`/venue?day=${s.date.split("T")[0]}&company=${companyID}`}
+            >
+              <EventDayButton date={s.date} selected={true} disabled={false} />
+            </Link>
           ))}
         </GridList>
       ) : (

src/components/EventDayButton.tsx

@@ -9,19 +9,21 @@ interface EventDayButtonProps {
   date: string;
   onClick?: () => void;
   selected?: boolean;
+  disabled?: boolean;
 }
 
 export default function EventDayButton({
   date,
   onClick,
   selected = false,
+  disabled = false,
 }: EventDayButtonProps) {
   return (
     <button
       className="flex flex-col items-center text-center gap-y-1 py-1"
       title={getEventFullDate(date)}
       onClick={onClick}
-      disabled={!onClick}
+      disabled={disabled}
     >
       <span
         className={`flex items-center justify-center font-mono rounded-full w-10 h-10 shadow-md focus:shadow-none ${selected ? "text-sinfo-primary outline outline-sinfo-primary hover:bg-slate-50" : "text-white bg-sinfo-primary"}`}