From a2fce34a8798b3b0e40939b3c8c7c10a2b92d7a2 Mon Sep 17 00:00:00 2001
From: Nathan Lamy <nathan.lamycharrier@gmail.com>
Date: Tue, 24 Feb 2026 23:42:27 +0100
Subject: [PATCH] feat: add upcoming colles tab

---
 app/components/home/index.tsx | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/app/components/home/index.tsx b/app/components/home/index.tsx
index f06d7b8..a53b269 100644
--- a/app/components/home/index.tsx
+++ b/app/components/home/index.tsx
@@ -9,6 +9,7 @@ import {
   UserIcon,
   SortAsc,
   SortDesc,
+  CalendarClock,
 } from "lucide-react";
 import {
   Select,
@@ -157,7 +158,7 @@ export default function Home({ user }: { user: User }) {
       <div className="space-y-6 pb-20 md:pb-0">
         {/* Tabs */}
         <Tabs
-          defaultValue="all"
+          defaultValue="you"
           value={activeTab}
           onValueChange={setActiveTab}
           className="max-w-md w-full"
@@ -175,11 +176,17 @@ export default function Home({ user }: { user: User }) {
               <Users className="h-4 w-4" />
               Classe
             </TabsTrigger>
+            <TabsTrigger value="upcoming" className={tabsStyle}>
+              <CalendarClock className="h-4 w-4" />
+              À venir
+            </TabsTrigger>
           </TabsList>
         </Tabs>
 
         {/* Week Navigation */}
-        <WeekNavigation startDate={startDate} setStartDate={setStartDate} />
+        {activeTab !== "upcoming" && (
+          <WeekNavigation startDate={startDate} setStartDate={setStartDate} />
+        )}
 
         {/* Filter component */}
         <div className="flex gap-2 pb-0 pt-2">
@@ -260,6 +267,18 @@ export default function Home({ user }: { user: User }) {
           />
         )}
 
+        {/* Upcoming Colles Tab */}
+        {activeTab === "upcoming" && (
+          <TabContent
+            tabTitle="Toutes les colles à venir"
+            emptyCollesText="Cette fonctionnalité est en cours de développement. Bientôt, vous verrez ici toutes les colles à venir pour votre classe."
+            isLoading={false}
+            isSorted={sorted === "desc"}
+            colles={[]}
+            preferences={user.preferences}
+          />
+        )}
+
         {/* Bottom Navigation for Mobile */}
         <BottomNavigation activeId="colles" />
       </div>