Refactor: Add team schema and update

src/components/about/member.astro

@@ -2,13 +2,6 @@
 import { Image } from "astro:assets";
 import { Icon } from "astro-icon/components";
 
-export interface MemberProps {
-  name: string;
-  x_handle: string;
-  profile_image: string;
-  status: "active" | "past";
-}
-
 const { name, x_handle, profile_image } = Astro.props;
 ---
 

src/components/about/team.astro

@@ -1,10 +1,9 @@
 ---
 import Member from "./member.astro";
-import type { MemberProps } from "./member.astro";
 import { getCollection } from "astro:content";
 
 const teamCollection = await getCollection("team");
-const teamMembers: MemberProps[] = teamCollection.map(member => ({
+const teamMembers = teamCollection.map(member => ({
   name: member.data.name,
   x_handle: member.data.x_handle,
   profile_image: member.data.profile_image,

src/content/config.ts

@@ -1,7 +1,7 @@
 import { file, glob } from "astro/loaders";
 import { defineCollection } from "astro:content";
 import { cldAssetsLoader } from "astro-cloudinary/loaders";
-import { episodeSchema } from "./shema";
+import { episodeSchema, teamSchema } from "./shema";
 /**
  * Podcast collection
  * Read episodes markdown files from episodes folder in the root of the project
@@ -31,6 +31,7 @@ const gallery = !import.meta.env.PUBLIC_CLOUDINARY_CLOUD_NAME
 
 const team = defineCollection({
   loader: file("src/components/about/team-members.json"),
+  schema: teamSchema,
 });
 
 export const collections = { podcast, gallery, team };

src/content/shema.ts

@@ -46,3 +46,13 @@ export const episodeSchema = z
       dateString,
     };
   });
+
+export const teamSchema = z.object({
+  id: z.number(),
+  name: z.string().min(1, "Name cannot be empty"),
+  x_handle: z.string().regex(/^@\w+$/, "Invalid Twitter handle format"),
+  profile_image: z
+    .string()
+    .regex(/\.(jpg|jpeg|png|gif)$/, "Invalid image file format"),
+  status: z.enum(["active", "past"]),
+});