Redesign dashboard

[jzgom067]

This pull request introduces a brand-new dashboard page, as well as a few miscellaneous fixes.

New Dashboard

We have retired the big white squares for event tiles. Now the dashboard has a new look with much more relevant information.

Moved loading.tsx

This page was moved to the root of the app folder, so that any page that requires loading has the same page.

Account Cookie Forwarding Fix

I accidentally used the wrong name for the cookie when creating the getAuthCookieString function, resulting in all account-related activity not working. This is now fixed.

Weekday Event Submission Fix

I redeclared the JSON body variable that was being sent to the API, so no data was being sent. That's fixed.

LoginContext State Type Change

To support a "waiting" state, the type of loggedIn is now nullable. It is only set to true or false after the login state is determined.

PreviewTimeBlock Prop Error

backgroundColor was being passed as a prop when that prop didn't exist. It didn't cause any major problems, but Next.js didn't like it. It's fixed now.

[Copilot]

Pull Request Overview

This PR redesigns the dashboard with a new layout and event grid system, replacing the previous tile-based interface. The changes improve the user experience by displaying more event details and fixing several critical bugs related to authentication and data submission.

Key changes:

• New dashboard UI with tabbed navigation for "My Events" vs "Others' Events" and enhanced event cards showing date ranges, weekdays, and time information
• Fixed authentication cookie forwarding by correcting cookie name from "auth_sess_token" to "account_sess_token"
• Fixed weekday event submission bug where JSON body variable was being redeclared instead of reassigned

Reviewed Changes

Copilot reviewed 14 out of 15 changed files in this pull request and generated 6 comments.

Show a summary per file

File	Description
app/ui/layout/dashboard-page.tsx	New dashboard layout component with tabbed interface and mobile responsiveness
app/ui/components/dashboard/event-grid.tsx	Grid container for displaying dashboard event cards
app/ui/components/dashboard/dashboard-event.tsx	Event card component with navigation, copy, and edit functionality
app/ui/components/dashboard/dashboard-copy-button.tsx	Copy button component for sharing event links
app/ui/components/dashboard/date-range-row.tsx	Date range display component for specific-date events
app/ui/components/dashboard/weekday-row.tsx	Weekday range display component for recurring events
app/dashboard/page.tsx	Converted to server component using new fetch utilities
app/dashboard/loading.tsx	Removed (moved to root app folder)
app/_utils/process-dashboard-data.tsx	Data transformation utility for dashboard events
app/_utils/fetch-data.tsx	Added fetchDashboard function for server-side data fetching
app/_utils/cookie-utils.tsx	Fixed authentication cookie name
app/_utils/submit-event.tsx	Fixed weekday event submission variable declaration
app/_lib/providers.tsx	Updated LoginContext to support nullable state
app/ui/components/schedule/timeblocks/preview-timeblock.tsx	Removed unused backgroundColor variable and prop

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[mirmirmirr]

👍