From 421f6096ec7e6cfb6e7f83f20e7e3929561a21df Mon Sep 17 00:00:00 2001
From: Patrick Arminio <patrick.arminio@gmail.com>
Date: Thu, 6 Aug 2026 15:15:39 +0100
Subject: [PATCH] Add conference switcher

Shortcake-Parent: 2026-08-06-add-login-page
---
 .../dashboard/src/components/app-sidebar.tsx  |  46 +++---
 .../src/components/conference-switcher.tsx    | 133 ++++++++++++++++++
 backend/dashboard/src/pages/Dashboard.tsx     |  17 ++-
 backend/dashboard/tests/test_views.py         |  57 ++++++++
 backend/dashboard/urls.py                     |   2 +-
 backend/dashboard/views.py                    |  65 ++++++++-
 backend/pycon/urls.py                         |  10 +-
 7 files changed, 295 insertions(+), 35 deletions(-)
 create mode 100644 backend/dashboard/src/components/conference-switcher.tsx

diff --git a/backend/dashboard/src/components/app-sidebar.tsx b/backend/dashboard/src/components/app-sidebar.tsx
index 380a06fa0e..b03162ad73 100644
--- a/backend/dashboard/src/components/app-sidebar.tsx
+++ b/backend/dashboard/src/components/app-sidebar.tsx
@@ -1,6 +1,10 @@
 import { Link } from "@inertiajs/react";
 import { LayoutDashboard } from "lucide-react";
 
+import {
+  type ConferenceData,
+  ConferenceSwitcher,
+} from "@/components/conference-switcher";
 import { NavUser, type NavUserData } from "@/components/nav-user";
 
 import {
@@ -17,32 +21,26 @@ import {
   SidebarRail,
 } from "@/components/ui/sidebar";
 
-export function AppSidebar({ user }: { user: NavUserData }) {
+export function AppSidebar({
+  conferences,
+  selectedConference,
+  user,
+}: {
+  conferences: ConferenceData[];
+  selectedConference: ConferenceData | null;
+  user: NavUserData;
+}) {
+  const dashboardUrl = selectedConference
+    ? `/dashboard/${encodeURIComponent(selectedConference.code)}`
+    : "/dashboard";
+
   return (
     <Sidebar collapsible="icon">
       <SidebarHeader>
-        <SidebarMenu>
-          <SidebarMenuItem>
-            <SidebarMenuButton asChild size="lg" tooltip="PyCon Italia 2026">
-              <Link aria-label="PyCon Italia 2026" href="/dashboard">
-                <div
-                  aria-hidden="true"
-                  className="flex aspect-square size-8 shrink-0 items-center justify-center rounded-lg bg-sidebar-primary text-sm font-semibold text-sidebar-primary-foreground tabular-nums"
-                >
-                  26
-                </div>
-                <div className="grid flex-1 text-left text-sm/4">
-                  <div className="truncate font-semibold">
-                    PyCon Italia 2026
-                  </div>
-                  <div className="truncate text-xs text-muted-foreground">
-                    Python Italia
-                  </div>
-                </div>
-              </Link>
-            </SidebarMenuButton>
-          </SidebarMenuItem>
-        </SidebarMenu>
+        <ConferenceSwitcher
+          conferences={conferences}
+          selectedConference={selectedConference}
+        />
       </SidebarHeader>
 
       <SidebarContent>
@@ -52,7 +50,7 @@ export function AppSidebar({ user }: { user: NavUserData }) {
             <SidebarMenu>
               <SidebarMenuItem>
                 <SidebarMenuButton asChild isActive tooltip="Dashboard">
-                  <Link href="/dashboard">
+                  <Link href={dashboardUrl}>
                     <LayoutDashboard aria-hidden="true" />
                     <span>Dashboard</span>
                   </Link>
diff --git a/backend/dashboard/src/components/conference-switcher.tsx b/backend/dashboard/src/components/conference-switcher.tsx
new file mode 100644
index 0000000000..d5803b4b36
--- /dev/null
+++ b/backend/dashboard/src/components/conference-switcher.tsx
@@ -0,0 +1,133 @@
+import { Link } from "@inertiajs/react";
+import { CheckIcon, ChevronsUpDownIcon } from "lucide-react";
+
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import {
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  useSidebar,
+} from "@/components/ui/sidebar";
+
+export type ConferenceData = {
+  code: string;
+  name: string;
+  organizer: string;
+  year: number | null;
+};
+
+function getConferenceMark(conference: ConferenceData) {
+  if (conference.year) {
+    return String(conference.year).slice(-2);
+  }
+
+  return conference.name.slice(0, 2).toUpperCase();
+}
+
+export function ConferenceSwitcher({
+  conferences,
+  selectedConference,
+}: {
+  conferences: ConferenceData[];
+  selectedConference: ConferenceData | null;
+}) {
+  const { isMobile } = useSidebar();
+
+  if (!selectedConference) {
+    return (
+      <SidebarMenu>
+        <SidebarMenuItem>
+          <SidebarMenuButton disabled size="lg" tooltip="No conferences">
+            <div
+              aria-hidden="true"
+              className="flex aspect-square size-8 shrink-0 items-center justify-center rounded-lg bg-sidebar-primary text-sm font-semibold text-sidebar-primary-foreground"
+            >
+              --
+            </div>
+            <div className="grid flex-1 text-left text-sm/4">
+              <div className="truncate font-semibold">No conferences</div>
+              <div className="truncate text-xs text-muted-foreground">
+                Python Italia
+              </div>
+            </div>
+          </SidebarMenuButton>
+        </SidebarMenuItem>
+      </SidebarMenu>
+    );
+  }
+
+  return (
+    <SidebarMenu>
+      <SidebarMenuItem>
+        <DropdownMenu>
+          <DropdownMenuTrigger asChild>
+            <SidebarMenuButton
+              className="data-open:bg-sidebar-accent data-open:text-sidebar-accent-foreground"
+              size="lg"
+              tooltip={selectedConference.name}
+            >
+              <div
+                aria-hidden="true"
+                className="flex aspect-square size-8 shrink-0 items-center justify-center rounded-lg bg-sidebar-primary text-sm font-semibold text-sidebar-primary-foreground tabular-nums"
+              >
+                {getConferenceMark(selectedConference)}
+              </div>
+              <div className="grid flex-1 text-left text-sm/4">
+                <div className="truncate font-semibold">
+                  {selectedConference.name}
+                </div>
+                <div className="truncate text-xs text-muted-foreground">
+                  {selectedConference.organizer}
+                </div>
+              </div>
+              <ChevronsUpDownIcon className="ml-auto" />
+            </SidebarMenuButton>
+          </DropdownMenuTrigger>
+          <DropdownMenuContent
+            align="start"
+            className="w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg"
+            side={isMobile ? "bottom" : "right"}
+            sideOffset={4}
+          >
+            <DropdownMenuLabel>Conferences</DropdownMenuLabel>
+            {conferences.map((conference) => (
+              <DropdownMenuItem
+                asChild
+                className="gap-2 p-2"
+                key={conference.code}
+              >
+                <Link
+                  href={`/dashboard/${encodeURIComponent(conference.code)}`}
+                >
+                  <div
+                    aria-hidden="true"
+                    className="flex size-6 shrink-0 items-center justify-center rounded-md border text-xs font-medium tabular-nums"
+                  >
+                    {getConferenceMark(conference)}
+                  </div>
+                  <div className="min-w-0 flex-1">
+                    <div className="truncate font-medium">
+                      {conference.name}
+                    </div>
+                    <div className="truncate text-xs text-muted-foreground">
+                      {conference.organizer}
+                    </div>
+                  </div>
+                  {conference.code === selectedConference.code ? (
+                    <CheckIcon aria-label="Selected" className="ml-auto" />
+                  ) : null}
+                </Link>
+              </DropdownMenuItem>
+            ))}
+          </DropdownMenuContent>
+        </DropdownMenu>
+      </SidebarMenuItem>
+    </SidebarMenu>
+  );
+}
diff --git a/backend/dashboard/src/pages/Dashboard.tsx b/backend/dashboard/src/pages/Dashboard.tsx
index 1f2079ead1..d5f960f00a 100644
--- a/backend/dashboard/src/pages/Dashboard.tsx
+++ b/backend/dashboard/src/pages/Dashboard.tsx
@@ -1,4 +1,5 @@
 import { AppSidebar } from "@/components/app-sidebar";
+import type { ConferenceData } from "@/components/conference-switcher";
 import type { NavUserData } from "@/components/nav-user";
 import { Separator } from "@/components/ui/separator";
 import {
@@ -8,11 +9,23 @@ import {
 } from "@/components/ui/sidebar";
 import { TooltipProvider } from "@/components/ui/tooltip";
 
-export default function Dashboard({ user }: { user: NavUserData }) {
+export default function Dashboard({
+  conferences,
+  selectedConference,
+  user,
+}: {
+  conferences: ConferenceData[];
+  selectedConference: ConferenceData | null;
+  user: NavUserData;
+}) {
   return (
     <TooltipProvider>
       <SidebarProvider className="antialiased">
-        <AppSidebar user={user} />
+        <AppSidebar
+          conferences={conferences}
+          selectedConference={selectedConference}
+          user={user}
+        />
         <SidebarInset className="isolate min-h-dvh">
           <header className="flex h-14 shrink-0 items-center gap-2 border-b px-4">
             <SidebarTrigger />
diff --git a/backend/dashboard/tests/test_views.py b/backend/dashboard/tests/test_views.py
index 104494a2dd..7d2b594814 100644
--- a/backend/dashboard/tests/test_views.py
+++ b/backend/dashboard/tests/test_views.py
@@ -1,11 +1,21 @@
+from datetime import timedelta
+
+from django.utils import timezone
+
+from conferences.tests.factories import ConferenceFactory
+
+
 def test_dashboard_requires_authentication(client):
     response = client.get("/dashboard")
     inertia_response = client.get("/dashboard", headers={"X-Inertia": "true"})
+    conference_response = client.get("/dashboard/pycon-2026")
 
     assert response.status_code == 302
     assert response.url == "/dashboard/login?next=/dashboard"
     assert inertia_response.status_code == 302
     assert inertia_response.url == "/dashboard/login?next=/dashboard"
+    assert conference_response.status_code == 302
+    assert conference_response.url == "/dashboard/login?next=/dashboard/pycon-2026"
 
 
 def test_dashboard_renders_inertia_page(client, user):
@@ -27,6 +37,8 @@ def test_dashboard_supports_inertia_requests(client, user):
     assert response.headers["X-Inertia"] == "true"
     assert response.json()["component"] == "Dashboard"
     assert response.json()["props"]["user"]["email"] == "simulated@user.it"
+    assert response.json()["props"]["conferences"] == []
+    assert response.json()["props"]["selectedConference"] is None
 
 
 def test_dashboard_shares_authenticated_user(client, user):
@@ -41,6 +53,51 @@ def test_dashboard_shares_authenticated_user(client, user):
     }
 
 
+def test_dashboard_redirects_to_latest_conference(client, user):
+    client.force_login(user)
+    ConferenceFactory(
+        code="pycon-2025",
+        start=timezone.now() - timedelta(days=365),
+    )
+    latest_conference = ConferenceFactory(
+        code="pycon-2026",
+        start=timezone.now(),
+    )
+
+    response = client.get("/dashboard")
+
+    assert response.status_code == 302
+    assert response.url == f"/dashboard/{latest_conference.code}"
+
+
+def test_dashboard_uses_conference_from_url(client, user):
+    client.force_login(user)
+    selected_conference = ConferenceFactory(code="pycon-2025")
+    ConferenceFactory(code="pycon-2026")
+
+    response = client.get(
+        f"/dashboard/{selected_conference.code}",
+        headers={"X-Inertia": "true"},
+    )
+
+    assert response.status_code == 200
+    assert response.json()["props"]["selectedConference"]["code"] == "pycon-2025"
+    assert {
+        conference["code"] for conference in response.json()["props"]["conferences"]
+    } == {
+        "pycon-2025",
+        "pycon-2026",
+    }
+
+
+def test_dashboard_returns_404_for_unknown_conference(client, user):
+    client.force_login(user)
+
+    response = client.get("/dashboard/unknown")
+
+    assert response.status_code == 404
+
+
 def test_dashboard_login_renders_inertia_page(client):
     response = client.get("/dashboard/login")
 
diff --git a/backend/dashboard/urls.py b/backend/dashboard/urls.py
index 679a4041f6..210853bb6d 100644
--- a/backend/dashboard/urls.py
+++ b/backend/dashboard/urls.py
@@ -3,5 +3,5 @@
 from dashboard.views import dashboard
 
 urlpatterns = [
-    path("", dashboard, name="dashboard"),
+    path("<str:conference_code>", dashboard, name="dashboard-conference"),
 ]
diff --git a/backend/dashboard/views.py b/backend/dashboard/views.py
index 38f2e4d307..3b4bed8b5f 100644
--- a/backend/dashboard/views.py
+++ b/backend/dashboard/views.py
@@ -1,9 +1,12 @@
 from cross_inertia.django import render
 from django.contrib.auth.decorators import login_required
-from django.http import HttpRequest, HttpResponse
+from django.db.models import F
+from django.http import Http404, HttpRequest, HttpResponse
 from django.shortcuts import redirect
 from django.utils.http import url_has_allowed_host_and_scheme
 
+from conferences.models import Conference
+
 
 def _get_next_url(request: HttpRequest) -> str:
     next_url = request.GET.get("next", "/dashboard")
@@ -18,8 +21,22 @@ def _get_next_url(request: HttpRequest) -> str:
     return "/dashboard"
 
 
-@login_required(login_url="dashboard-login")
-def dashboard(request: HttpRequest) -> HttpResponse:
+def _conference_data(conference: Conference) -> dict:
+    return {
+        "code": conference.code,
+        "name": str(conference.name),
+        "organizer": conference.organizer.name
+        if conference.organizer
+        else "Python Italia",
+        "year": conference.start.year if conference.start else None,
+    }
+
+
+def _render_dashboard(
+    request: HttpRequest,
+    conferences: list[Conference],
+    selected_conference: Conference | None,
+) -> HttpResponse:
     user = request.user
 
     return render(
@@ -30,11 +47,51 @@ def dashboard(request: HttpRequest) -> HttpResponse:
                 "name": user.display_name or user.email,
                 "email": user.email,
                 "avatar": None,
-            }
+            },
+            "conferences": [_conference_data(conference) for conference in conferences],
+            "selectedConference": _conference_data(selected_conference)
+            if selected_conference
+            else None,
         },
     )
 
 
+def _conferences() -> list[Conference]:
+    return list(
+        Conference.objects.select_related("organizer").order_by(
+            F("start").desc(nulls_last=True), "code"
+        )
+    )
+
+
+@login_required(login_url="dashboard-login")
+def dashboard_index(request: HttpRequest) -> HttpResponse:
+    conferences = _conferences()
+
+    if conferences:
+        return redirect("dashboard-conference", conference_code=conferences[0].code)
+
+    return _render_dashboard(request, conferences, None)
+
+
+@login_required(login_url="dashboard-login")
+def dashboard(request: HttpRequest, conference_code: str) -> HttpResponse:
+    conferences = _conferences()
+    selected_conference = next(
+        (
+            conference
+            for conference in conferences
+            if conference.code == conference_code
+        ),
+        None,
+    )
+
+    if selected_conference is None:
+        raise Http404
+
+    return _render_dashboard(request, conferences, selected_conference)
+
+
 def login(request: HttpRequest) -> HttpResponse:
     next_url = _get_next_url(request)
 
diff --git a/backend/pycon/urls.py b/backend/pycon/urls.py
index ed6fb1e9e9..5ded539375 100644
--- a/backend/pycon/urls.py
+++ b/backend/pycon/urls.py
@@ -3,19 +3,21 @@
 from django.contrib import admin
 from django.urls import include, path
 from django.views.decorators.csrf import csrf_exempt
+from wagtail import urls as wagtail_urls
+from wagtail.admin import urls as wagtailadmin_urls
+from wagtail.documents import urls as wagtaildocs_urls
 
 from api.schema import schema
 from api.views import GraphQLView
+from dashboard.views import dashboard_index
 from dashboard.views import login as dashboard_login
 from pycon.views import disabled_view
 from submissions.views import SubmissionAutocomplete
-from wagtail.admin import urls as wagtailadmin_urls
-from wagtail.documents import urls as wagtaildocs_urls
-from wagtail import urls as wagtail_urls
 
 urlpatterns = [
     path("dashboard/login", dashboard_login, name="dashboard-login"),
-    path("dashboard", include("dashboard.urls")),
+    path("dashboard", dashboard_index, name="dashboard"),
+    path("dashboard/", include("dashboard.urls")),
     path(
         "admin/_/submission-autocomplete",
         SubmissionAutocomplete.as_view(),