From 8500ded7384ca74f182a64946f9dcc19b38cbb25 Mon Sep 17 00:00:00 2001
From: Jonas Braathen <jonas@ponas.no>
Date: Wed, 21 Aug 2024 22:09:14 +0200
Subject: [PATCH] add tiktok to footer

---
 web/src/components/general/Icon.tsx  |  8 +++++++-
 web/src/components/layout/Footer.tsx | 10 ++++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/web/src/components/general/Icon.tsx b/web/src/components/general/Icon.tsx
index 603a5af..5a1838b 100644
--- a/web/src/components/general/Icon.tsx
+++ b/web/src/components/general/Icon.tsx
@@ -3,7 +3,7 @@ import styles from "./icon.module.scss";
 export function Icon ({
   type,
 }: {
-  type?: "doc" | "arrowUp" | "arrowRight" | "externalLink" | "search" | "tickets" | "list" | "calendar" | "filter" | "noFilter" | "email" | "phone" | "instagram" | "facebook" | "flickr";
+  type?: "doc" | "arrowUp" | "arrowRight" | "externalLink" | "search" | "tickets" | "list" | "calendar" | "filter" | "noFilter" | "email" | "phone" | "instagram" | "facebook" | "flickr" | "tiktok";
 }) {
   return (
     <div className={styles.icon}>
@@ -82,6 +82,12 @@ export function Icon ({
         </svg>
       )}
 
+      {type === "tiktok" && (
+        <svg fill="currentColor" viewBox="0 0 512 512" id="icons" xmlns="http://www.w3.org/2000/svg">
+          <path d="M412.19,118.66a109.27,109.27,0,0,1-9.45-5.5,132.87,132.87,0,0,1-24.27-20.62c-18.1-20.71-24.86-41.72-27.35-56.43h.1C349.14,23.9,350,16,350.13,16H267.69V334.78c0,4.28,0,8.51-.18,12.69,0,.52-.05,1-.08,1.56,0,.23,0,.47-.05.71,0,.06,0,.12,0,.18a70,70,0,0,1-35.22,55.56,68.8,68.8,0,0,1-34.11,9c-38.41,0-69.54-31.32-69.54-70s31.13-70,69.54-70a68.9,68.9,0,0,1,21.41,3.39l.1-83.94a153.14,153.14,0,0,0-118,34.52,161.79,161.79,0,0,0-35.3,43.53c-3.48,6-16.61,30.11-18.2,69.24-1,22.21,5.67,45.22,8.85,54.73v.2c2,5.6,9.75,24.71,22.38,40.82A167.53,167.53,0,0,0,115,470.66v-.2l.2.2C155.11,497.78,199.36,496,199.36,496c7.66-.31,33.32,0,62.46-13.81,32.32-15.31,50.72-38.12,50.72-38.12a158.46,158.46,0,0,0,27.64-45.93c7.46-19.61,9.95-43.13,9.95-52.53V176.49c1,.6,14.32,9.41,14.32,9.41s19.19,12.3,49.13,20.31c21.48,5.7,50.42,6.9,50.42,6.9V131.27C453.86,132.37,433.27,129.17,412.19,118.66Z"/>
+        </svg>
+      )}
+
       {!type && (
         <div>
           <svg
diff --git a/web/src/components/layout/Footer.tsx b/web/src/components/layout/Footer.tsx
index 75e8b88..865238e 100644
--- a/web/src/components/layout/Footer.tsx
+++ b/web/src/components/layout/Footer.tsx
@@ -71,6 +71,16 @@ export const Footer = () => {
                 <Icon type="flickr" />
               </a>
             </li>
+            <li>
+              <a
+                href="https://www.tiktok.com/@studentersamfund"
+                target="_blank"
+                className="button tertiary"
+              >
+                <span>TikTok</span>
+                <Icon type="tiktok" />
+              </a>
+            </li>
           </ul>
         </div>
         <div className={styles.contact}>