From 97e78858164bdefa95cfc81d32b2591398d8ad96 Mon Sep 17 00:00:00 2001
From: Maxwell Omdal <maxwell.omdal@veeva.com>
Date: Sun, 17 Dec 2023 00:06:37 -0600
Subject: [PATCH] Add instagram to footer

---
 common/iconComponentMap.ts |  4 +++-
 components/Footer.tsx      | 20 +++++++++++++-------
 public/icon/instagram.svg  |  1 +
 3 files changed, 17 insertions(+), 8 deletions(-)
 create mode 100644 public/icon/instagram.svg

diff --git a/common/iconComponentMap.ts b/common/iconComponentMap.ts
index f43fda58..9965ade0 100644
--- a/common/iconComponentMap.ts
+++ b/common/iconComponentMap.ts
@@ -3,6 +3,7 @@ import present from '@/public/icon/present.svg';
 import defaultIcon from '@/public/icon/default.svg';
 import at_symbol from '@/public/icon/at_symbol.svg';
 import user_group from '@/public/icon/user_group.svg';
+import instagram from '@/public/icon/instagram.svg';
 import { StaticImport } from 'next/dist/shared/lib/get-img-props';
 
 const iconComponentMap: Map<string, JSX.Element> = new Map([
@@ -10,8 +11,9 @@ const iconComponentMap: Map<string, JSX.Element> = new Map([
    ['present', present],
    ['at_symbol', at_symbol],
    ['user_group', user_group],
+   ['instagram', instagram],
 ]);
 
 export function getIconComponent(iconName: string): StaticImport {
    return iconComponentMap.get(iconName) ?? defaultIcon;
-}
\ No newline at end of file
+}
diff --git a/components/Footer.tsx b/components/Footer.tsx
index 0ae9f5d4..525c85cb 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -13,9 +13,14 @@ export default function Footer() {
         );
     }
 
-    // const getLocationItem = () => {
-
-    // }
+    const getInstagramItem = () => {
+        return (
+            <a className="text-md text-tea_green hover:text-tea_green-400" href="https://www.instagram.com/sequoia.fabrica/">
+                <Icon iconName='instagram' />
+                <span className="pl-1 align-middle">Instagram</span>
+            </a>
+        );
+    }
 
     const getEventsItem = () => {
         return (
@@ -45,14 +50,15 @@ export default function Footer() {
     }
 
     const footerItems: JSX.Element[] = [
-        getContactItem(),
-        getDonationItem(),
         getEventsItem(),
+        getInstagramItem(),
+        getDonationItem(),
+        getContactItem(),
         getCodeOfConduct(),
     ];
 
     return (
-        <footer className='footer bg-pigment_green-200  text-center dark:bg-neutral-700 lg:text-left'>
+        <footer className='footer bg-pigment_green-200  text-center lg:text-left'>
             <div className='p-10'>
                 <div className='text-center flex flex-wrap'>
                     {footerItems.map((item, index) => (
@@ -61,7 +67,7 @@ export default function Footer() {
                 </div>
             </div>
             <div>
-                <p className="p-4 text-center text-tea_green dark:text-neutral-200">
+                <p className="p-4 text-center text-tea_green">
                     {copyright}
                 </p>
             </div>
diff --git a/public/icon/instagram.svg b/public/icon/instagram.svg
new file mode 100644
index 00000000..e1361073
--- /dev/null
+++ b/public/icon/instagram.svg
@@ -0,0 +1 @@
+<svg desc="original author: Konstantin Filatov" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" transform="rotate(180)"><g stroke-width="0"/><g stroke-linecap="round" stroke-linejoin="round"/><g fill="#c3f9c3"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 18a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm0-2a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z"/><path d="M18 5a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.654 4.276C1 5.56 1 7.24 1 10.6v2.8c0 3.36 0 5.04.654 6.324a6 6 0 0 0 2.622 2.622C5.56 23 7.24 23 10.6 23h2.8c3.36 0 5.04 0 6.324-.654a6 6 0 0 0 2.622-2.622C23 18.44 23 16.76 23 13.4v-2.8c0-3.36 0-5.04-.654-6.324a6 6 0 0 0-2.622-2.622C18.44 1 16.76 1 13.4 1h-2.8c-3.36 0-5.04 0-6.324.654a6 6 0 0 0-2.622 2.622ZM13.4 3h-2.8c-1.713 0-2.878.002-3.778.075-.877.072-1.325.202-1.638.361a4 4 0 0 0-1.748 1.748c-.16.313-.29.761-.36 1.638C3.001 7.722 3 8.887 3 10.6v2.8c0 1.713.002 2.878.075 3.778.072.877.202 1.325.361 1.638a4 4 0 0 0 1.748 1.748c.313.16.761.29 1.638.36.9.074 2.065.076 3.778.076h2.8c1.713 0 2.878-.002 3.778-.075.877-.072 1.325-.202 1.638-.361a4 4 0 0 0 1.748-1.748c.16-.313.29-.761.36-1.638.074-.9.076-2.065.076-3.778v-2.8c0-1.713-.002-2.878-.075-3.778-.072-.877-.202-1.325-.361-1.638a4 4 0 0 0-1.748-1.748c-.313-.16-.761-.29-1.638-.36C16.278 3.001 15.113 3 13.4 3Z"/></g></svg>