feat(Schedule): TimeTableコンポーネントを使う

Author: staticWagomU

2025/src/components/Schedule.astro

@@ -0,0 +1,18 @@
+---
+import { getCollection } from "astro:content";
+import Heading from "../Heading.astro";
+import TimeTable from "./TimeTable.astro";
+
+const timetable = await getCollection("timetable");
+---
+
+<section id="schedule" class="bg-white py-10 md:py-16">
+  <div class="container mx-auto px-4 max-w-4xl">
+    <Heading>スケジュール</Heading>
+    {
+      timetable
+        .shift()
+        ?.data.map((schedule) => <TimeTable {...schedule} />)
+    }
+  </div>
+</section>

2025/src/components/Schedule/index.astro

@@ -0,0 +1,26 @@
+import { MicVocal, Zap, Coffee } from "@lucide/astro";
+
+export const getScheduleCardStyle = (title: string) => {
+  const isBreak = ["Short break", "Lunch break"].includes(title);
+  if (isBreak) {
+    return ["bg-gray-50 border-gray-200", Coffee];
+  }
+  const isLightningTalks = title === "Lightning talks";
+  if (isLightningTalks) {
+    return ["bg-yellow-50 border-yellow-200", Zap];
+  }
+
+  const isOtherEvent = ["Opening", "Closing", "After party"].includes(title);
+  if(isOtherEvent) {
+    return ["bg-blue-50 border-blue-200", MicVocal]
+  }
+
+
+  return ["bg-green-50", MicVocal];
+};
+
+export const formatTime = (date: Date): string => {
+  const hours = date.getHours().toString().padStart(2, "0");
+  const minutes = date.getMinutes().toString().padStart(2, "0");
+  return `${hours}:${minutes}`;
+};

2025/src/components/Schedule/logic.ts

@@ -1,7 +1,7 @@
 ---
 import AboutVimConf from "../../components/AboutVimConf.astro";
 import KeynoteSpeakers from "../../components/KeynoteSpeakers/index.astro";
-import Schedule from "../../components/Schedule.astro";
+import Schedule from "../../components/Schedule/index.astro";
 import Sponsors from "../../components/Sponsors/index.astro";
 import Staff from "../../components/Staff/index.astro";
 import Top from "../../components/Top.astro";