From c24e10aefb70c73927d4eb1acb1d71dd53b91ce8 Mon Sep 17 00:00:00 2001
From: Pau Matas <pmatasalbiol@gmail.com>
Date: Fri, 22 Mar 2024 20:42:56 +0100
Subject: [PATCH 1/3] add: footnote

---
 src/app/layout.tsx        |   8 ++-
 src/components/Footer.tsx | 114 ++++++++++++++++++++++++++++++++++++++
 src/components/Icons.tsx  |   6 ++
 3 files changed, 125 insertions(+), 3 deletions(-)
 create mode 100644 src/components/Footer.tsx

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index a5bdfcb..16d063b 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -2,6 +2,7 @@ import { cn } from "@/lib/utils"
 import "@/styles/globals.css"
 import { Inter } from "next/font/google"
 import Navbar from "@/components/Navbar"
+import Footer from "@/components/Footer"
 import { Toaster } from "@/components/ui/Toaster"
 import Providers from "@/components/Providers"
 
@@ -13,7 +14,7 @@ export const metadata = {
 
 const inter = Inter({ subsets: ["latin"] }) // TODO: Fer servir la font de l'AED
 
-function RootLayout({
+export default async function RootLayout({
   children,
   authModal,
 }: {
@@ -40,10 +41,11 @@ function RootLayout({
           </div>
 
           <Toaster />
+
+          {/* @ts-expect-error server component */}
+          <Footer />
         </Providers>
       </body>
     </html>
   )
 }
-
-export default RootLayout
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
new file mode 100644
index 0000000..7cddb75
--- /dev/null
+++ b/src/components/Footer.tsx
@@ -0,0 +1,114 @@
+import Link from "next/link"
+import { Icons } from "@/components/Icons"
+import { db } from "@/lib/db"
+
+const Footer = async () => {
+  const subjects = await db.subject.findMany({
+    select: {
+      acronym: true,
+      semester: true,
+    },
+    orderBy: {
+      semester: "asc",
+    },
+  })
+
+  const unique_semesters = Array.from(
+    new Set(subjects.map((subject) => subject.semester)),
+  )
+
+  return (
+    <footer className="bg-zinc-900 text-zinc-100">
+      <div className="grid grid-cols-1 md:grid-cols-3 gap-y-4 md:gap-x-4 p-6">
+        <div className="overflow-hidden h-full mb-4 col-span-1">
+          <Link
+            href="https://github.com/data-students/apunts-dades/"
+            className="flex items-center h-fit rounded-lg border border-gray-200 hover:bg-zinc-800 active:scale-95 transition-colors focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 disabled:opacity-50 dark:focus:ring-slate-400 disabled:pointer-events-none dark:focus:ring-offset-slate-900"
+          >
+            <Icons.github className="w-16 h-16 px-2" />
+            <h1 className="font-extrabold text-3xl md:text-5xl">
+              Contribueix!
+            </h1>
+          </Link>
+          <Link
+            href="https://aed.cat/"
+            className="text-zinc-100 flex items-center h-fit mt-4"
+          >
+            <Icons.logo className="ml-2 w-8 h-8 bg-zinc-100 rounded-full" />
+            <p className="ml-2 font-medium text-m md:text-l">
+              Visita la nostra web
+            </p>
+          </Link>
+          <div className="mx-2">
+            <p className="font-medium text-m md:text-l mt-1">
+              I comparteix les nostres xarxes socials
+            </p>
+            <div className="flex items-center h-fit mt-1">
+              <Link
+                href="https://twitter.com/datastudents?lang=ca"
+                className="text-zinc-100 ml-4"
+              >
+                <Icons.twitter className="w-6 h-6" />
+              </Link>
+              <Link
+                href="https://www.linkedin.com/company/data-students/"
+                className="text-zinc-100 ml-4"
+              >
+                <Icons.linkedin className="w-6 h-6" />
+              </Link>
+              <Link
+                href="https://www.instagram.com/datastudents/"
+                className="text-zinc-100 ml-4"
+              >
+                <Icons.instagram className="w-6 h-6" />
+              </Link>
+              <Link
+                href="https://www.youtube.com/@datastudents"
+                className="text-zinc-100 ml-4"
+              >
+                <Icons.youtube className="w-6 h-6" />
+              </Link>
+            </div>
+          </div>
+        </div>
+        <div className="overflow-hidden h-fit col-span-2">
+          <div className="grid grid-cols-1 md:grid-cols-4 gap-y-4 md:gap-x-4">
+            {unique_semesters.map((semester, index) => {
+              return (
+                <div
+                  key={index}
+                  className="overflow-hidden h-fit mb-2 px-2 divide-y"
+                >
+                  <div>
+                    <p className="font-black text-l md:text-xl">{semester}</p>
+                  </div>
+                  <div>
+                    {subjects
+                      .filter(
+                        (subject): boolean => subject.semester === semester,
+                      )
+                      .map((subject, index) => {
+                        return (
+                          <Link
+                            key={index}
+                            href={`/${subject.acronym}`}
+                            className="text-zinc-100"
+                          >
+                            <p className="font-medium text-m md:text-l">
+                              {subject.acronym}
+                            </p>
+                          </Link>
+                        )
+                      })}
+                  </div>
+                </div>
+              )
+            })}
+          </div>
+        </div>
+      </div>
+    </footer>
+  )
+}
+
+export default Footer
diff --git a/src/components/Icons.tsx b/src/components/Icons.tsx
index 6af2742..e56eaf6 100644
--- a/src/components/Icons.tsx
+++ b/src/components/Icons.tsx
@@ -1,4 +1,5 @@
 import { LucideProps, MessageSquare, User } from "lucide-react"
+import { Twitter, Linkedin, Youtube, Github, Instagram } from "lucide-react"
 
 export const Icons = {
   user: User,
@@ -101,5 +102,10 @@ z"
       <path d="M1 1h22v22H1z" fill="none" />
     </svg>
   ),
+  twitter: Twitter,
+  linkedin: Linkedin,
+  youtube: Youtube,
+  github: Github,
+  instagram: Instagram,
   commentReply: MessageSquare,
 }

From ba0b394d602a9dee2faf42af400f3bb973b0f6b4 Mon Sep 17 00:00:00 2001
From: Pau Matas <pmatasalbiol@gmail.com>
Date: Sun, 24 Mar 2024 13:49:59 +0100
Subject: [PATCH 2/3] style: canvis proposats per en @marcfranquesa

Co-authored-by: marcfranquesa <marc.franquesam@gmail.com>
---
 src/app/layout.tsx        | 11 ++++++-----
 src/components/Footer.tsx |  2 +-
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 16d063b..0ef1d51 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -31,13 +31,14 @@ export default async function RootLayout({
     >
       <body className="min-h-screen pt-12 bg-slate-50 antialiased">
         <Providers>
-          {/* @ts-expect-error server component */}
-          <Navbar />
-
           {authModal}
 
-          <div className="container max-w-7xl mx-auto h-full pt-12">
-            {children}
+          <div className="min-h-screen">
+            {/* @ts-expect-error server component */}
+            <Navbar />
+            <div className="container max-w-7xl mx-auto h-full pt-12">
+              {children}
+            </div>
           </div>
 
           <Toaster />
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 7cddb75..5fb07ad 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -72,7 +72,7 @@ const Footer = async () => {
           </div>
         </div>
         <div className="overflow-hidden h-fit col-span-2">
-          <div className="grid grid-cols-1 md:grid-cols-4 gap-y-4 md:gap-x-4">
+          <div className="grid grid-cols-2 md:grid-cols-8 gap-y-4 md:gap-x-4">
             {unique_semesters.map((semester, index) => {
               return (
                 <div

From afaa2bd70c8810b87eda28b08414554957a1ec67 Mon Sep 17 00:00:00 2001
From: Pau Matas <pmatasalbiol@gmail.com>
Date: Sun, 24 Mar 2024 14:48:31 +0100
Subject: [PATCH 3/3] style: smaller text in footer

---
 src/components/Footer.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 5fb07ad..a8c3d07 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -26,7 +26,7 @@ const Footer = async () => {
             className="flex items-center h-fit rounded-lg border border-gray-200 hover:bg-zinc-800 active:scale-95 transition-colors focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 disabled:opacity-50 dark:focus:ring-slate-400 disabled:pointer-events-none dark:focus:ring-offset-slate-900"
           >
             <Icons.github className="w-16 h-16 px-2" />
-            <h1 className="font-extrabold text-3xl md:text-5xl">
+            <h1 className="font-extrabold text-2xl md:text-4xl">
               Contribueix!
             </h1>
           </Link>
@@ -80,7 +80,7 @@ const Footer = async () => {
                   className="overflow-hidden h-fit mb-2 px-2 divide-y"
                 >
                   <div>
-                    <p className="font-black text-l md:text-xl">{semester}</p>
+                    <p className="font-black text-m md:text-l">{semester}</p>
                   </div>
                   <div>
                     {subjects
@@ -94,7 +94,7 @@ const Footer = async () => {
                             href={`/${subject.acronym}`}
                             className="text-zinc-100"
                           >
-                            <p className="font-medium text-m md:text-l">
+                            <p className="font-medium text-s md:text-m">
                               {subject.acronym}
                             </p>
                           </Link>