From 026ec534910898a42d27a396f6ae820a267ec680 Mon Sep 17 00:00:00 2001
From: iqbalmnaufal <iqbalmnaufal@gmail.com>
Date: Tue, 15 Oct 2024 21:09:36 +0700
Subject: [PATCH 1/3] feat(footer): add social media

---
 src/assets/svgs/Instagram.tsx |  9 +++++++++
 src/assets/svgs/WhatsApp.tsx  |  9 +++++++++
 src/components/Footer.tsx     | 16 ++++++++++++++--
 3 files changed, 32 insertions(+), 2 deletions(-)
 create mode 100644 src/assets/svgs/Instagram.tsx
 create mode 100644 src/assets/svgs/WhatsApp.tsx

diff --git a/src/assets/svgs/Instagram.tsx b/src/assets/svgs/Instagram.tsx
new file mode 100644
index 0000000..f601333
--- /dev/null
+++ b/src/assets/svgs/Instagram.tsx
@@ -0,0 +1,9 @@
+import * as React from "react";
+
+const Instagram = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M5.8 0H14.2C17.4 0 20 2.6 20 5.8V14.2C20 15.7383 19.3889 17.2135 18.3012 18.3012C17.2135 19.3889 15.7383 20 14.2 20H5.8C2.6 20 0 17.4 0 14.2V5.8C0 4.26174 0.61107 2.78649 1.69878 1.69878C2.78649 0.61107 4.26174 0 5.8 0ZM5.6 2C4.64522 2 3.72955 2.37928 3.05442 3.05442C2.37928 3.72955 2 4.64522 2 5.6V14.4C2 16.39 3.61 18 5.6 18H14.4C15.3548 18 16.2705 17.6207 16.9456 16.9456C17.6207 16.2705 18 15.3548 18 14.4V5.6C18 3.61 16.39 2 14.4 2H5.6ZM15.25 3.5C15.5815 3.5 15.8995 3.6317 16.1339 3.86612C16.3683 4.10054 16.5 4.41848 16.5 4.75C16.5 5.08152 16.3683 5.39946 16.1339 5.63388C15.8995 5.8683 15.5815 6 15.25 6C14.9185 6 14.6005 5.8683 14.3661 5.63388C14.1317 5.39946 14 5.08152 14 4.75C14 4.41848 14.1317 4.10054 14.3661 3.86612C14.6005 3.6317 14.9185 3.5 15.25 3.5ZM10 5C11.3261 5 12.5979 5.52678 13.5355 6.46447C14.4732 7.40215 15 8.67392 15 10C15 11.3261 14.4732 12.5979 13.5355 13.5355C12.5979 14.4732 11.3261 15 10 15C8.67392 15 7.40215 14.4732 6.46447 13.5355C5.52678 12.5979 5 11.3261 5 10C5 8.67392 5.52678 7.40215 6.46447 6.46447C7.40215 5.52678 8.67392 5 10 5ZM10 7C9.20435 7 8.44129 7.31607 7.87868 7.87868C7.31607 8.44129 7 9.20435 7 10C7 10.7956 7.31607 11.5587 7.87868 12.1213C8.44129 12.6839 9.20435 13 10 13C10.7956 13 11.5587 12.6839 12.1213 12.1213C12.6839 11.5587 13 10.7956 13 10C13 9.20435 12.6839 8.44129 12.1213 7.87868C11.5587 7.31607 10.7956 7 10 7Z" fill="white" />
+  </svg>
+)
+
+export default Instagram
\ No newline at end of file
diff --git a/src/assets/svgs/WhatsApp.tsx b/src/assets/svgs/WhatsApp.tsx
new file mode 100644
index 0000000..8e455f4
--- /dev/null
+++ b/src/assets/svgs/WhatsApp.tsx
@@ -0,0 +1,9 @@
+import * as React from "react";
+
+const WhatsApp = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M17.05 2.91005C16.1331 1.98416 15.0411 1.25002 13.8376 0.750416C12.634 0.250812 11.3431 -0.00426317 10.04 5.38951e-05C4.58005 5.38951e-05 0.130049 4.45005 0.130049 9.91005C0.130049 11.6601 0.590049 13.3601 1.45005 14.8601L0.0500488 20.0001L5.30005 18.6201C6.75005 19.4101 8.38005 19.8301 10.04 19.8301C15.5 19.8301 19.9501 15.3801 19.9501 9.92005C19.9501 7.27005 18.92 4.78005 17.05 2.91005ZM10.04 18.1501C8.56005 18.1501 7.11005 17.7501 5.84005 17.0001L5.54005 16.8201L2.42005 17.6401L3.25005 14.6001L3.05005 14.2901C2.2276 12.9771 1.79097 11.4593 1.79005 9.91005C1.79005 5.37005 5.49005 1.67005 10.03 1.67005C12.23 1.67005 14.3 2.53005 15.85 4.09005C16.6177 4.85392 17.226 5.7626 17.6397 6.76338C18.0534 7.76417 18.2642 8.83714 18.26 9.92005C18.2801 14.4601 14.58 18.1501 10.04 18.1501ZM14.56 11.9901C14.31 11.8701 13.09 11.2701 12.87 11.1801C12.64 11.1001 12.48 11.0601 12.31 11.3001C12.14 11.5501 11.67 12.1101 11.53 12.2701C11.39 12.4401 11.24 12.4601 10.99 12.3301C10.74 12.2101 9.94005 11.9401 9.00005 11.1001C8.26005 10.4401 7.77005 9.63005 7.62005 9.38005C7.48005 9.13005 7.60005 9.00005 7.73005 8.87005C7.84005 8.76005 7.98005 8.58005 8.10005 8.44005C8.22005 8.30005 8.27005 8.19005 8.35005 8.03005C8.43005 7.86005 8.39005 7.72005 8.33005 7.60005C8.27005 7.48005 7.77005 6.26005 7.57005 5.76005C7.37005 5.28005 7.16005 5.34005 7.01005 5.33005H6.53005C6.36005 5.33005 6.10005 5.39005 5.87005 5.64005C5.65005 5.89005 5.01005 6.49005 5.01005 7.71005C5.01005 8.93005 5.90005 10.1101 6.02005 10.2701C6.14005 10.4401 7.77005 12.9401 10.25 14.0101C10.84 14.2701 11.3 14.4201 11.66 14.5301C12.25 14.7201 12.79 14.6901 13.22 14.6301C13.7 14.5601 14.69 14.0301 14.89 13.4501C15.1 12.8701 15.1 12.3801 15.03 12.2701C14.96 12.1601 14.81 12.1101 14.56 11.9901Z" fill="white" />
+  </svg>
+)
+
+export default WhatsApp
\ No newline at end of file
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index eb42919..f5e0947 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -1,5 +1,9 @@
-import Image from "next/image";
 import React from "react";
+import Image from "next/image";
+import Link from "next/link";
+
+import Instagram from "@/assets/svgs/Instagram";
+import WhatsApp from "@/assets/svgs/Whatsapp";
 
 const Footer = () => {
   return (
@@ -30,7 +34,15 @@ const Footer = () => {
             akademisi,pemerintah, dan industri teknologi di Jawa Timur, guna
             mendorong inovasi dan pertumbuhan sektor digital.
           </p>
-          <p>© 2024, All Rights Reserved</p>
+          <div className="flex gap-4">
+            <Link className="cursor-pointer" href="https://google.com">
+              <Instagram />
+            </Link>
+            <Link className="cursor-pointer" href="https://google.com">
+              <WhatsApp />
+            </Link>
+          </div>
+          <p>JDD Team © 2024, All Rights Reserved</p>
         </div>
       </div>
     </footer>

From 8f42f7e125b10a406e0c82656df5c99ff6452c46 Mon Sep 17 00:00:00 2001
From: iqbalmnaufal <iqbalmnaufal@gmail.com>
Date: Tue, 15 Oct 2024 21:17:56 +0700
Subject: [PATCH 2/3] feat(footer): integrate into firebase

---
 src/components/Footer.tsx | 11 ++++++++---
 src/lib/firebase.ts       | 15 +++++++++++++++
 src/lib/schema.ts         |  5 +++++
 3 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index f5e0947..8268bdc 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -5,7 +5,12 @@ import Link from "next/link";
 import Instagram from "@/assets/svgs/Instagram";
 import WhatsApp from "@/assets/svgs/Whatsapp";
 
-const Footer = () => {
+import { getSocialMedia } from "@/lib/firebase";
+import { SocialMedia } from "@/lib/schema";
+
+const Footer = async () => {
+  const socialMedia = (await getSocialMedia()) as SocialMedia
+
   return (
     <footer className="bg-darkBg">
       <div className="container mx-auto text-white py-12 flex gap-16 items-center flex-col md:flex-row">
@@ -35,10 +40,10 @@ const Footer = () => {
             mendorong inovasi dan pertumbuhan sektor digital.
           </p>
           <div className="flex gap-4">
-            <Link className="cursor-pointer" href="https://google.com">
+            <Link className="cursor-pointer" href={socialMedia.instagram}>
               <Instagram />
             </Link>
-            <Link className="cursor-pointer" href="https://google.com">
+            <Link className="cursor-pointer" href={socialMedia.whatsapp}>
               <WhatsApp />
             </Link>
           </div>
diff --git a/src/lib/firebase.ts b/src/lib/firebase.ts
index 24c9207..5ab2bf7 100644
--- a/src/lib/firebase.ts
+++ b/src/lib/firebase.ts
@@ -12,6 +12,7 @@ import {
   Speakers,
   ThrowbackEvent,
   Sponsors,
+  SocialMedia
 } from "./schema";
 
 const firebaseConfig = {
@@ -177,3 +178,17 @@ export async function getThrowbackEvent(
     return Error(undefined);
   }
 }
+
+export async function getSocialMedia(): Promise<SocialMedia | Error> {
+  try {
+    const dbRef = ref(getDatabase());
+    const data = await get(child(dbRef, "socialMedia"));
+    if (data.exists()) {
+      return data.val() as SocialMedia;
+    } else {
+      throw new Error("Event data not found");
+    }
+  } catch (error) {
+    return Error(undefined);
+  }
+}
diff --git a/src/lib/schema.ts b/src/lib/schema.ts
index 52eea3e..4d2fd9e 100644
--- a/src/lib/schema.ts
+++ b/src/lib/schema.ts
@@ -75,3 +75,8 @@ export type Sponsors = {
   name: string;
   logo: string;
 }[];
+
+export type SocialMedia = {
+  instagram: string
+  whatsapp: string
+}

From e474896df27638e4e68fe97e855ced0d07ca2766 Mon Sep 17 00:00:00 2001
From: Shafa Naura Priesha Ardhynindya <shafanaura48@gmail.com>
Date: Tue, 15 Oct 2024 21:50:21 +0700
Subject: [PATCH 3/3] perf: minor

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

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 8268bdc..22aac5d 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -3,13 +3,13 @@ import Image from "next/image";
 import Link from "next/link";
 
 import Instagram from "@/assets/svgs/Instagram";
-import WhatsApp from "@/assets/svgs/Whatsapp";
+import WhatsApp from "@/assets/svgs/WhatsApp";
 
 import { getSocialMedia } from "@/lib/firebase";
 import { SocialMedia } from "@/lib/schema";
 
 const Footer = async () => {
-  const socialMedia = (await getSocialMedia()) as SocialMedia
+  const socialMedia = (await getSocialMedia()) as SocialMedia;
 
   return (
     <footer className="bg-darkBg">
@@ -40,10 +40,10 @@ const Footer = async () => {
             mendorong inovasi dan pertumbuhan sektor digital.
           </p>
           <div className="flex gap-4">
-            <Link className="cursor-pointer" href={socialMedia.instagram}>
+            <Link target="_blank" href={socialMedia.instagram}>
               <Instagram />
             </Link>
-            <Link className="cursor-pointer" href={socialMedia.whatsapp}>
+            <Link target="_blank" href={socialMedia.whatsapp}>
               <WhatsApp />
             </Link>
           </div>