Merge pull request #21 from jatimdevday/fix-footer

Fix footer

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

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

src/components/Footer.tsx

@@ -1,7 +1,16 @@
-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";
+
+import { getSocialMedia } from "@/lib/firebase";
+import { SocialMedia } from "@/lib/schema";
+
+const Footer = async () => {
+  const socialMedia = (await getSocialMedia()) as SocialMedia;
 
-const Footer = () => {
   return (
     <footer className="bg-darkBg">
       <div className="container mx-auto text-white py-12 flex gap-16 items-center flex-col md:flex-row">
@@ -30,7 +39,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 target="_blank" href={socialMedia.instagram}>
+              <Instagram />
+            </Link>
+            <Link target="_blank" href={socialMedia.whatsapp}>
+              <WhatsApp />
+            </Link>
+          </div>
+          <p>JDD Team © 2024, All Rights Reserved</p>
         </div>
       </div>
     </footer>

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);
+  }
+}

src/lib/schema.ts

@@ -75,3 +75,8 @@ export type Sponsors = {
   name: string;
   logo: string;
 }[];
+
+export type SocialMedia = {
+  instagram: string
+  whatsapp: string
+}