From 544320faf09624d182fc922f80686203222e1049 Mon Sep 17 00:00:00 2001
From: TakenPt <takekimu14@gmail.com>
Date: Sat, 3 May 2025 15:40:59 +0900
Subject: [PATCH] =?UTF-8?q?=E6=97=A5=E6=99=82=E3=81=A8=E5=A0=B4=E6=89=80?=
 =?UTF-8?q?=E3=82=92=E6=9C=AA=E5=AE=9A(=E6=8C=87=E5=AE=9A=E3=81=AA?=
 =?UTF-8?q?=E3=81=97)=E3=81=AE=E5=A0=B4=E5=90=88=E3=81=AF=E9=9D=9E?=
 =?UTF-8?q?=E8=A1=A8=E7=A4=BA=E3=81=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../workshop/Workshop2025Section.astro        | 15 +++++--------
 src/components/workshop/WorkshopCard.astro    | 22 ++++++++++++++-----
 2 files changed, 22 insertions(+), 15 deletions(-)

diff --git a/src/components/workshop/Workshop2025Section.astro b/src/components/workshop/Workshop2025Section.astro
index 6f9da81..6be9bd8 100644
--- a/src/components/workshop/Workshop2025Section.astro
+++ b/src/components/workshop/Workshop2025Section.astro
@@ -5,7 +5,7 @@ import type { ComponentProps } from 'astro/types'
 
 export interface Item
   extends Omit<ComponentProps<typeof WorkshopCard>, 'date'> {
-  date: Date
+  date?: Date
 }
 export function date(
   month: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12,
@@ -64,38 +64,30 @@ export const items: Item[] = [
 
 export const items2: Item[] = [
   {
-    date: date(4, 17),
     title: 'Python',
-    place: 'C301',
     circleNames: ['Wani Hackase'],
     description:
       'Pythonの基礎を学びます。PythonはAIやデータ分析に使用されます。',
   },
   {
-    date: date(4, 18),
     title: 'HTML, CSS',
-    place: 'C105',
     circleNames: ['再履バス同好会 技術部'],
     description:
       'HTML, CSSの基礎を学びます。HTML, CSSはwebページの作成に使用されます。',
   },
   {
-    date: date(4, 19),
     title: 'ハードウェア入門',
-    place: 'C104',
     circleNames: ['ToolBox', 'Robohan'],
     description:
       'ハードウェアの基礎を学びます。電子回路、センサ、 メカ機構などを扱います。',
   },
   {
-    date: date(4, 22),
     title: 'TypeScript',
     circleNames: ['GGC'],
     description:
       'TypeScriptの基礎を学びます。TypeScriptはwebサイトの作成に使用されます。',
   },
   {
-    date: date(4, 23),
     title: 'C/C++',
     circleNames: ['RAINBOU'],
     description:
@@ -134,7 +126,10 @@ const dateFormat = new Intl.DateTimeFormat('ja-JP', {
     <ul class="grid grid-cols-[repeat(auto-fit,minmax(18rem,1fr))] gap-5">
       {
         items2.map(({ date, ...item }) => (
-          <WorkshopCard {...item} date={dateFormat.format(date)} />
+          <WorkshopCard
+            {...item}
+            date={date ? dateFormat.format(date) : undefined}
+          />
         ))
       }
     </ul>
diff --git a/src/components/workshop/WorkshopCard.astro b/src/components/workshop/WorkshopCard.astro
index 39e9d39..48e9285 100644
--- a/src/components/workshop/WorkshopCard.astro
+++ b/src/components/workshop/WorkshopCard.astro
@@ -4,7 +4,7 @@ import type { OUTechsCirclesName } from '@/@types/ou-techs-members'
 import { circles } from '../ou-techs/CircleList.astro'
 interface Props {
   title: string
-  date: string
+  date?: string
   description: string
   place?: string
   circleNames?: OUTechsCirclesName[]
@@ -42,10 +42,22 @@ const clubInfos = circles.filter((c) => circleNames?.includes(c.name))
     }
   </p>
   <p class="flex items-center gap-2 text-slate-600">
-    <Icon name="clock" alt="開催日時" class="w-4" />
-    <span>{date}</span>
-    <Icon name="map-pin" alt="開催場所" class="-mr-1 ml-2 w-4" />
-    <span>{place ?? '未定'}</span>
+    {
+      date ? (
+        <>
+          <Icon name="clock" alt="開催日時" class="w-4" />
+          <span class="mr-2">{date}</span>
+        </>
+      ) : null
+    }
+    {
+      place ? (
+        <>
+          <Icon name="map-pin" alt="開催場所" class="-mr-1 w-4" />
+          <span>{place}</span>
+        </>
+      ) : null
+    }
   </p>
   <p class="text-justify-ja">
     {description}