Merge branch 'v2024'

src/app/page.tsx

@@ -2,6 +2,7 @@ import { DeviceProvider } from "@/lib/providers/DeviceContext"
 import { DataProvider } from "@/lib/providers/DataProvider"
 import getData from "@/data/index"
 import Intro from "./_content/Intro"
+
 export default async function Home() {
   const data = await getData()
 

src/components/global/LogoMarquee.tsx

@@ -1,5 +1,6 @@
 import { useData } from "@/lib/providers/DataProvider"
 import { cn } from "@/lib/utils"
+import { Job } from "@/lib/types/experience"
 type MarqueeProps = {
   itemWidth?: string;
 };
@@ -8,8 +9,8 @@ const logoPath = "/j0e/assets/images/logos/"
 export default function LogoMarquee(props: MarqueeProps) {
   const { itemWidth = "200px" } = props
   const { data } = useData()
-  const jobs = data.experience.attributes.experience.filter(
-    (job) => !!job.logo,
+  const jobs: Job[] = data.experience.attributes.experience.filter(
+    (job: Job) => !!job.logo,
   )
 
   return (

src/lib/types/experience.ts

@@ -0,0 +1,18 @@
+export interface Role {
+  title: string;
+  type: string;
+  start_date: string;
+  end_date: string | null;
+  duration: string;
+  location?: string;
+  description: string;
+  skills: string[];
+}
+
+export interface Job {
+  company: string;
+  location: string;
+  logo?: string;
+  visible?: boolean;
+  roles: Role[];
+}