Merge pull request #19 from jatimdevday/feat/dynamic-parallel-speaker

Feat : Add dynamic content parallel speaker
jatimdevday · Sep 30, 2024 · 68aa9ff · 68aa9ff
2 parents 9aade9d + 26e56e6
commit 68aa9ff
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 39 deletions.
diff --git a/src/lib/firebase.ts b/src/lib/firebase.ts
@@ -5,6 +5,7 @@ import {
   Content,
   Events,
   Galleries,
+  ParallelSpeakers,
   Speakers,
   ThrowbackEvent,
 } from "./schema";
@@ -59,6 +60,20 @@ export async function getSpeakers(): Promise<Speakers | Error> {
   }
 }
 
+export async function getParallelSpeakers(): Promise<ParallelSpeakers | Error> {
+  try {
+    const dbRef = ref(getDatabase());
+    const data = await get(child(dbRef, "parallel"));
+    if (data.exists()) {
+      return data.val() as Speakers;
+    } else {
+      throw new Error("Speaker data not found");
+    }
+  } catch (error) {
+    return Error(undefined);
+  }
+}
+
 export async function getGalleries(): Promise<Galleries | Error> {
   try {
     const dbRef = ref(getDatabase());

diff --git a/src/lib/schema.ts b/src/lib/schema.ts
@@ -19,6 +19,12 @@ export type Content = {
 
 export type Galleries = string[];
 
+export type ParallelSpeakers = {
+  name: string;
+  photo: string;
+  title: string;
+}[];
+
 export type Speakers = {
   name: string;
   photo: string;

diff --git a/src/screens/landing/sections/Parallel.tsx b/src/screens/landing/sections/Parallel.tsx
@@ -1,46 +1,10 @@
 import Image from "next/image";
 import PrimaryStar from "@/assets/svgs/PrimaryStar";
+import { getParallelSpeakers } from "@/lib/firebase";
+import { ParallelSpeakers } from "@/lib/schema";
 
 const Parallel = async () => {
-  // TODO: need to change into real data
-  const speakers = [
-    {
-      linkedin: "https://www.linkedin.com/in/rubiagatra",
-      name: "Doni Rubiagtra",
-      photo:
-        "https://firebasestorage.googleapis.com/v0/b/jdd2024-b625b.appspot.com/o/speaker%2Fdoni_rubiagatra.jpg?alt=media&token=fc1134b9-bba0-4cce-bb61-84b3177cafec",
-      title: "Partner & VP of Engineering at Zero One Group",
-      twitter: "https://x.com/rubiagatra",
-      youtube: "",
-    },
-    {
-      linkedin: "https://www.linkedin.com/in/rubiagatra",
-      name: "Doni Rubiagtra",
-      photo:
-        "https://firebasestorage.googleapis.com/v0/b/jdd2024-b625b.appspot.com/o/speaker%2Fdoni_rubiagatra.jpg?alt=media&token=fc1134b9-bba0-4cce-bb61-84b3177cafec",
-      title: "Partner & VP of Engineering at Zero One Group",
-      twitter: "https://x.com/rubiagatra",
-      youtube: "",
-    },
-    {
-      linkedin: "https://www.linkedin.com/in/rubiagatra",
-      name: "Doni Rubiagtra",
-      photo:
-        "https://firebasestorage.googleapis.com/v0/b/jdd2024-b625b.appspot.com/o/speaker%2Fdoni_rubiagatra.jpg?alt=media&token=fc1134b9-bba0-4cce-bb61-84b3177cafec",
-      title: "Partner & VP of Engineering at Zero One Group",
-      twitter: "https://x.com/rubiagatra",
-      youtube: "",
-    },
-    {
-      linkedin: "https://www.linkedin.com/in/rubiagatra",
-      name: "Doni Rubiagtra",
-      photo:
-        "https://firebasestorage.googleapis.com/v0/b/jdd2024-b625b.appspot.com/o/speaker%2Fdoni_rubiagatra.jpg?alt=media&token=fc1134b9-bba0-4cce-bb61-84b3177cafec",
-      title: "Partner & VP of Engineering at Zero One Group",
-      twitter: "https://x.com/rubiagatra",
-      youtube: "",
-    },
-  ];
+  const speakers = (await getParallelSpeakers()) as ParallelSpeakers;
 
   return (
     <div className="bg-darkBg py-12 md:py-24" id="speakers">