From 52317bdf973538f36c3ae5261564b617707eb76b Mon Sep 17 00:00:00 2001
From: Nathan Lamy <nathan.lamycharrier@gmail.com>
Date: Thu, 5 Mar 2026 18:08:34 +0100
Subject: [PATCH] fix: ui too large on mobile

---
 app/components/home/index.tsx | 29 +++++++++++++++--------------
 1 file changed, 15 insertions(+), 14 deletions(-)

diff --git a/app/components/home/index.tsx b/app/components/home/index.tsx
index faac104..65a1f77 100644
--- a/app/components/home/index.tsx
+++ b/app/components/home/index.tsx
@@ -19,7 +19,6 @@ import {
   SelectValue,
 } from "~/components/ui/select";
 import { Tabs, TabsList, tabsStyle, TabsTrigger } from "~/components/ui/tabs";
-import DatePickerWithRange from "~/components/home/date-picker";
 import BottomNavigation from "~/components/bottom-nav";
 import Error from "~/components/error";
 import { useSearchParams } from "react-router";
@@ -211,19 +210,21 @@ export default function Home({ user }: { user: User }) {
 
         {/* Filter component */}
         <div className="flex gap-2 pb-0 pt-2">
-          <Select value={subjectFilter} onValueChange={setSubject}>
-            <SelectTrigger className="rounded-full data-[placeholder]:text-primary">
-              <SelectValue placeholder="Matière" />
-            </SelectTrigger>
-            <SelectContent>
-              <SelectItem value="all">Toutes</SelectItem>
-              {subjects.map((subject) => (
-                <SelectItem key={subject} value={subject}>
-                  {subject}
-                </SelectItem>
-              ))}
-            </SelectContent>
-          </Select>
+          {activeTab !== "upcoming" && (
+            <Select value={subjectFilter} onValueChange={setSubject}>
+              <SelectTrigger className="rounded-full data-[placeholder]:text-primary">
+                <SelectValue placeholder="Matière" />
+              </SelectTrigger>
+              <SelectContent>
+                <SelectItem value="all">Toutes</SelectItem>
+                {subjects.map((subject) => (
+                  <SelectItem key={subject} value={subject}>
+                    {subject}
+                  </SelectItem>
+                ))}
+              </SelectContent>
+            </Select>
+          )}
 
           <Select value={examinerFilter} onValueChange={setExaminer}>
             <SelectTrigger className="rounded-full data-[placeholder]:text-primary">