From 59e31132e85b8b2bfba6132062f0b349a5b5254c Mon Sep 17 00:00:00 2001
From: ragnhilmd <ragnhildmd1@gmail.com>
Date: Wed, 25 Mar 2026 21:33:33 +0100
Subject: [PATCH 1/2] feat: create wip homepage search section

---
 apps/grades-frontend/src/app/page.tsx | 59 +++++++++++++++++++++++++++
 1 file changed, 59 insertions(+)

diff --git a/apps/grades-frontend/src/app/page.tsx b/apps/grades-frontend/src/app/page.tsx
index f9bc44486a..782249eaed 100644
--- a/apps/grades-frontend/src/app/page.tsx
+++ b/apps/grades-frontend/src/app/page.tsx
@@ -1,5 +1,9 @@
 import { server } from "@/utils/trpc/server"
 import { CourseCard } from "./components/CourseCard"
+import { Title } from "@dotkomonline/ui"
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@dotkomonline/ui"
+import { TextInput } from "@dotkomonline/ui"
+import { IconSearch } from "@tabler/icons-react"
 
 export default async function App() {
   // Placeholder filter
@@ -14,6 +18,61 @@ export default async function App() {
 
   return (
     <div>
+      <div className="max-w-3xl space-y-4 p-3">
+        <Title order={3} className="text-base font-semibold text-black">
+          Søk etter emner
+        </Title>
+        <div className="relative">
+          <IconSearch
+            className="w-8 h-full pointer-events-none absolute inset-y-0 left-0 flex items-center justify-center pl-3 text-gray-500 dark:text-stone-400"
+            stroke={5}
+          />
+          <TextInput
+            placeholder="Søk etter navn eller emnekode..."
+            className="pl-10 rounded-lg w-full h-11.5 dark:border-none text-base sm:text-sm"
+          />
+        </div>
+        <Tabs className="w-full">
+          <TabsList className="inline-flex h-auto items-center gap-2 bg-transparent p-0 shadow-none border-0">
+            <TabsTrigger
+              value="spring"
+              className="rounded-lg px-2 py-0.5 text-base font-semibold bg-[#F5F5F5] text-black hover:bg-black  hover:text-white  rdx-state-active:bg-black  rdx-state-active:text-white"
+            >
+              Vår
+            </TabsTrigger>
+            <TabsTrigger
+              value="fall"
+              className="rounded-lg px-2 py-0.5 text-base font-semibold bg-[#F5F5F5] text-black hover:bg-black  hover:text-white  rdx-state-active:bg-black  rdx-state-active:text-white"
+            >
+              Høst
+            </TabsTrigger>
+            <TabsTrigger
+              value="trondheim"
+              className="rounded-lg px-2 py-0.5 text-base font-semibold bg-[#F5F5F5] text-black hover:bg-black  hover:text-white  rdx-state-active:bg-black  rdx-state-active:text-white"
+            >
+              Trondheim
+            </TabsTrigger>
+            <TabsTrigger
+              value="gjovik"
+              className="rounded-lg px-2 py-0.5 text-base font-semibold bg-[#F5F5F5] text-black hover:bg-black  hover:text-white  rdx-state-active:bg-black  rdx-state-active:text-white"
+            >
+              Gjøvik
+            </TabsTrigger>
+            <TabsTrigger
+              value="alesund"
+              className="rounded-lg px-2 py-0.5 text-base font-semibold bg-[#F5F5F5] text-black hover:bg-black  hover:text-white  rdx-state-active:bg-black  rdx-state-active:text-white"
+            >
+              Ålesund
+            </TabsTrigger>
+          </TabsList>
+          <TabsContent value="spring"></TabsContent>
+          <TabsContent value="fall"></TabsContent>
+          <TabsContent value="trondheim"></TabsContent>
+          <TabsContent value="gjovik"></TabsContent>
+          <TabsContent value="alesund"></TabsContent>
+        </Tabs>
+      </div>
+
       <section className="flex flex-col gap-16 w-full">
         {courses.map((course) => (
           <CourseCard key={course.code} course={course} />

From d0f1fac0f18399a48c1f4d5b45100e36d941f634 Mon Sep 17 00:00:00 2001
From: Ragnhild  Moe Danielsen <ragnhildmd1@gmail.com>
Date: Wed, 15 Apr 2026 19:32:47 +0200
Subject: [PATCH 2/2] chore: fix TypeScript Typechecker error

---
 apps/grades-frontend/src/app/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/grades-frontend/src/app/page.tsx b/apps/grades-frontend/src/app/page.tsx
index cef8c0f3b9..be9771ff74 100644
--- a/apps/grades-frontend/src/app/page.tsx
+++ b/apps/grades-frontend/src/app/page.tsx
@@ -22,7 +22,7 @@ export default async function App() {
   return (
     <div>
       <div className="max-w-3xl space-y-4 p-3">
-        <Title order={3} className="text-base font-semibold text-black">
+        <Title size="md" className="text-base font-semibold text-black">
           Søk etter emner
         </Title>
         <div className="relative">