Fix sprints page email and undefined title

Author: egeakman

src/components/SprintCard.astro

@@ -38,8 +38,12 @@ const { data, body } = sprint;
       <span class="text-gray-900">Contact:</span>
       <span class="text-gray-700">{data.contactPerson.name}</span>
       {data.contactPerson.email && (
-        <span class="text-gray-600">
-          {' '}(<a href={`mailto:${data.contactPerson.email}`} class="text-primary hover:text-primary-hover underline">{data.contactPerson.email}</a>)
+        <span class="text-primary">
+          {data.contactPerson.email.includes('@') ? (
+            <a href={`mailto:${data.contactPerson.email}`} class="hover:text-primary-hover underline">({data.contactPerson.email})</a>
+          ) : (
+            <span>({data.contactPerson.email})  </span>
+          )}
         </span>
       )}
       {data.contactPerson.github && (

src/content/config.ts

@@ -265,7 +265,7 @@ const sprints = defineCollection({
     pythonLevel: z.enum(["Any", "Beginner", "Intermediate", "Advanced"]),
     contactPerson: z.object({
       name: z.string(),
-      email: z.string().email().optional().nullable(),
+      email: z.string().optional().nullable(),
       github: z.string().optional().nullable(),
       twitter: z.string().optional().nullable(),
     }),

src/content/sprints/example_draft.md

@@ -4,7 +4,7 @@ numberOfPeople: "5"
 pythonLevel: "Any"
 contactPerson:
   name: "Nikoś Hell"
-  email:
+  email: "nikoshell [at] example.com"
   github: "nikoshell"
   twitter: "nikoshell20"
 links:

src/pages/sprints.astro

@@ -1,6 +1,6 @@
 ---
 import { getCollection } from 'astro:content';
-import { getEntry, render } from 'astro:content';
+import { getEntry } from 'astro:content';
 import Layout from '@layouts/MarkdownLayout.astro';
 import SprintCard from '@components/SprintCard.astro';
 import Markdown from "@ui/Markdown.astro";
@@ -17,7 +17,7 @@ const sprints = await getCollection("sprints", ({ data }) => {
 
 ---
 
-<Layout title=`${entry.title}` description=`${entry.description}` toc=true>
+<Layout title=`${entry.data.title}` description=`${entry.data.description}` toc=true>
 
       <Markdown content={entry.body} />
       <div class="flex flex-wrap gap-8 justify-center my-8">