Improve schedule experience

Author: nalves599

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

@@ -97,7 +97,7 @@ export default async function Company({ params }: { params: CompanyParams }) {
               key={s.date}
               href={`/venue?day=${s.date.split("T")[0]}&company=${companyID}`}
             >
-              <EventDayButton date={s.date} selected={true} disabled={false} />
+              <EventDayButton date={s.date} />
             </Link>
           ))}
         </GridList>

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

@@ -18,8 +18,8 @@ import { SPIN_WHEEL_MAXIMUM } from "@/constants";
 import { EventService } from "@/services/EventService";
 
 const N_SESSION_TILES = 3;
-const N_COMPANY_TILES = 6;
-const N_SPEAKER_TILES = 6;
+const N_COMPANY_TILES = 15;
+const N_SPEAKER_TILES = 10;
 
 export default async function Home() {
   const session = (await getServerSession(authOptions))!;

src/components/BottomNavbar/NavbarItem.tsx

@@ -21,7 +21,7 @@ const navbarItems = {
   schedule: {
     title: "Schedule",
     icon: Calendar,
-    route: "/schedule",
+    route: "/schedule?day=today",
     isSelected: (currPath: string, _: User) => currPath === "/schedule",
   },
   profile: {

src/components/EventDayButton.tsx

@@ -26,7 +26,7 @@ export default function EventDayButton({
       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"}`}
+        className={`flex items-center justify-center font-mono rounded-full w-10 h-10 shadow-md focus:shadow-none outline outline-sinfo-primary ${!selected ? "text-sinfo-primary hover:bg-slate-50" : "text-white bg-sinfo-primary"}`}
       >
         {getEventDay(date)}
       </span>

src/components/Toolbar/Sidebar.tsx

@@ -35,13 +35,13 @@ export default function Sidebar({ show, onClose }: SidebarProps) {
           </Link>
         </div>
         <div className="flex flex-col gap-2">
-          <Link href="/schedule?kind=keynote" onClick={onClose}>
+          <Link href="/schedule?kind=keynote&day=today" onClick={onClose}>
             Keynotes
           </Link>
-          <Link href="/schedule?kind=presentation" onClick={onClose}>
+          <Link href="/schedule?kind=presentation&day=today" onClick={onClose}>
             Presentations
           </Link>
-          <Link href="/schedule?kind=workshop" onClick={onClose}>
+          <Link href="/schedule?kind=workshop&day=today" onClick={onClose}>
             Workshops
           </Link>
         </div>