refactor: create separate announcement layout

Author: milan-codes

src/components/Announcement.astro

@@ -0,0 +1,20 @@
+---
+import type { CollectionEntry } from "astro:content";
+
+interface Props {
+  announcement: CollectionEntry<"announcements">;
+}
+const { announcement } = Astro.props;
+---
+
+<div>
+  <h1 class="text-xl text-gray-900 dark:text-gray-100 tracking-wider">
+    {announcement.data.title}
+  </h1>
+  <h1 class="text-gray-600 dark:text-gray-400">
+    {announcement.data.description}
+  </h1>
+  <div class="prose dark:prose-invert text-gray-600 dark:text-gray-400 my-8">
+    <slot />
+  </div>
+</div>

src/content/announcements/internships.md

@@ -1,9 +1,7 @@
 ---
 title: "Internships and entry level positions"
-pubDate: 2023-07-03
 description: "Seeking challenging internships and entry-level positions to apply and enhance my coding skills"
-tags: ["internships", "work"]
-draft: true
+show: false
 ---
 
 Hi! My name is Milan, I'm a motivated and ambitious second-year CS student with a strong desire to gain practical experience in the field. Seeking challenging internships and entry-level positions to apply and enhance my coding skills, contribute to real-world projects, and learn from industry professionals. Committed to delivering high-quality work, collaborating effectively in team environments, and continuously expanding my knowledge. If you think I'd be a good fit in your team, contact me at milanherke@protonmail.com!

src/content/config.ts

@@ -16,9 +16,7 @@ const announcementCollection = defineCollection({
   schema: z.object({
     title: z.string().min(1),
     description: z.string().min(1),
-    tags: z.array(z.string().min(1)).min(1),
-    pubDate: z.date(),
-    draft: z.boolean(),
+    show: z.boolean(),
   }),
 });
 

src/layouts/AnnouncementLayout.astro

@@ -0,0 +1,18 @@
+---
+import type { CollectionEntry } from "astro:content";
+import Navbar from "../components/Navbar.astro";
+import BaseLayout from "./BaseLayout.astro";
+import Announcement from "../components/Announcement.astro";
+
+interface Props {
+  announcement: CollectionEntry<"announcements">;
+}
+const { announcement } = Astro.props;
+---
+
+<BaseLayout title={announcement.data.title}>
+  <Navbar />
+  <Announcement announcement={announcement}>
+    <slot />
+  </Announcement>
+</BaseLayout>

src/layouts/PostLayout.astro

@@ -5,7 +5,7 @@ import Navbar from "../components/Navbar.astro";
 import BaseLayout from "./BaseLayout.astro";
 
 interface Props {
-  post: CollectionEntry<"blog"> | CollectionEntry<"announcements">;
+  post: CollectionEntry<"blog">;
 }
 const { post } = Astro.props;
 ---

src/pages/announcement/[...slug].astro

@@ -1,6 +1,6 @@
 ---
 import { getCollection } from "astro:content";
-import PostLayout from "../../layouts/PostLayout.astro";
+import AnnouncementLayout from "../../layouts/AnnouncementLayout.astro";
 
 export async function getStaticPaths() {
   const announcements = await getCollection("announcements");
@@ -14,6 +14,6 @@ const { entry } = Astro.props;
 const { Content } = await entry.render();
 ---
 
-<PostLayout post={entry}>
+<AnnouncementLayout announcement={entry}>
   <Content />
-</PostLayout>
+</AnnouncementLayout>