From f7fcc0ebbaa8010af3b152296b61fb9de42fa245 Mon Sep 17 00:00:00 2001
From: Dada878 <xx0932399@gmail.com>
Date: Sun, 8 Dec 2024 15:56:49 +0800
Subject: [PATCH] fix: add calendar button to mobile layout

---
 app/cfp/(submission)/normal/page.tsx    | 10 +++++++++-
 app/cfp/(submission)/poster/page.tsx    | 10 +++++++++-
 app/cfp/(submission)/undefined/page.tsx | 10 +++++++++-
 3 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/app/cfp/(submission)/normal/page.tsx b/app/cfp/(submission)/normal/page.tsx
index 75bab6d..49a71e9 100644
--- a/app/cfp/(submission)/normal/page.tsx
+++ b/app/cfp/(submission)/normal/page.tsx
@@ -207,8 +207,16 @@ export default function Page() {
           id="important-dates"
           className="my-4 -mt-[60px] space-y-4 pt-[80px] md:mb-16"
         >
-          <h2 className="text-h2-mobile font-extrabold text-primary md:text-h2">
+          <h2 className="flex items-center text-h2-mobile font-extrabold text-primary max-md:flex md:text-h2">
             重要時程
+            <Link
+              href={"/cfp/deadline.ics"}
+              className="flex items-center justify-center"
+            >
+              <button className="ml-2 rounded-lg bg-background-light px-3 py-1 text-sm font-normal text-foreground">
+                加入行事曆
+              </button>
+            </Link>
           </h2>
           <Timeline isPoster={false} />
         </section>
diff --git a/app/cfp/(submission)/poster/page.tsx b/app/cfp/(submission)/poster/page.tsx
index b2b1f93..1298014 100644
--- a/app/cfp/(submission)/poster/page.tsx
+++ b/app/cfp/(submission)/poster/page.tsx
@@ -66,8 +66,16 @@ export default function Page() {
           id="important-dates"
           className="my-4 -mt-[60px] space-y-4 pt-[80px] md:mb-16"
         >
-          <h2 className="text-h2-mobile font-extrabold text-primary md:text-h2">
+          <h2 className="flex items-center text-h2-mobile font-extrabold text-primary max-md:flex md:text-h2">
             重要時程
+            <Link
+              href={"/cfp/deadline.ics"}
+              className="flex items-center justify-center"
+            >
+              <button className="ml-2 rounded-lg bg-background-light px-3 py-1 text-sm font-normal text-foreground">
+                加入行事曆
+              </button>
+            </Link>
           </h2>
           <Timeline isPoster />
         </section>
diff --git a/app/cfp/(submission)/undefined/page.tsx b/app/cfp/(submission)/undefined/page.tsx
index 2203705..f8e1e20 100644
--- a/app/cfp/(submission)/undefined/page.tsx
+++ b/app/cfp/(submission)/undefined/page.tsx
@@ -70,8 +70,16 @@ export default function Page() {
           id="important-dates"
           className="my-4 -mt-[60px] space-y-4 pt-[80px] md:mb-16"
         >
-          <h2 className="text-h2-mobile font-extrabold text-primary md:text-h2">
+          <h2 className="flex items-center text-h2-mobile font-extrabold text-primary max-md:flex md:text-h2">
             重要時程
+            <Link
+              href={"/cfp/deadline.ics"}
+              className="flex items-center justify-center"
+            >
+              <button className="ml-2 rounded-lg bg-background-light px-3 py-1 text-sm font-normal text-foreground">
+                加入行事曆
+              </button>
+            </Link>
           </h2>
           <Timeline isPoster={false} />
         </section>