From 2865f46910ee4f773147b13514cb991267f7b797 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Magnus=20Alexander=20Str=C3=B8mseng?=
 <magnus.stromseng@gmail.com>
Date: Tue, 2 Apr 2024 17:44:26 +0200
Subject: [PATCH] 184 remove unneeded parts of footer (#185)

* fix(frontend): add links, remove sections not needed

* fix(frontend): fix sizing and flex
---
 frontend/src/components/Footer.tsx | 44 +++++++++++++-----------------
 1 file changed, 19 insertions(+), 25 deletions(-)

diff --git a/frontend/src/components/Footer.tsx b/frontend/src/components/Footer.tsx
index b0afbfb..b1f9223 100644
--- a/frontend/src/components/Footer.tsx
+++ b/frontend/src/components/Footer.tsx
@@ -3,7 +3,7 @@ import NTNULogo from "./ntnu/NTNULogo";
 export default function Footer() {
     return (
         <footer className="flex flex-col items-center border-t bg-background p-4 text-foreground">
-            <div className="flex w-full flex-col items-center justify-between gap-12 lg:flex-row">
+            <div className="flex w-full flex-col items-center justify-between gap-8 lg:flex-row">
                 <div className="flex flex-1 justify-start">
                     <NTNULogo />
                 </div>
@@ -11,16 +11,28 @@ export default function Footer() {
                 <div className="flex flex-1 justify-center">
                     <div className="flex flex-col text-center">
                         <div className="flex flex-row gap-4">
-                            <a href="#" className="hover:underline">
+                            <a
+                                href="https://www.x.com/NTNU"
+                                className="hover:underline"
+                            >
                                 Twitter
                             </a>
-                            <a href="#" className="hover:underline">
+                            <a
+                                href="https://www.facebook.com/ntnu.no"
+                                className="hover:underline"
+                            >
                                 Facebook
                             </a>
-                            <a href="#" className="hover:underline">
+                            <a
+                                href="https://www.instagram.com/ntnu"
+                                className="hover:underline"
+                            >
                                 Instagram
                             </a>
-                            <a href="#" className="hover:underline">
+                            <a
+                                href="https://www.youtube.com/user/ntnuinfo"
+                                className="hover:underline"
+                            >
                                 Youtube
                             </a>
                         </div>
@@ -29,31 +41,13 @@ export default function Footer() {
                 </div>
 
                 <div className="flex flex-1 justify-end">
-                    <div className="flex flex-col text-right">
+                    <div className="flex flex-col text-center lg:text-right">
                         <span className="">NTNU Small Satellite Lab</span>
                         <span className="">Trondheim, Norway</span>
+                        <p>Norwegian University of Science and Technology</p>
                     </div>
                 </div>
             </div>
-
-            <div className="text-center">
-                <p>Norwegian University of Science and Technology</p>
-            </div>
-
-            <div className="mt-4 flex flex-col text-center">
-                <a href="#" className="hover:underline">
-                    Use of cookies
-                </a>
-                <a href="#" className="hover:underline">
-                    Accessibility statement (in Norwegian)
-                </a>
-                <a href="#" className="hover:underline">
-                    Privacy policy
-                </a>
-                <a href="#" className="hover:underline">
-                    Editorial responsibility
-                </a>
-            </div>
         </footer>
     );
 }