From 7f0328e73daf0f4e3849d09c6febbc3f8b6aedd5 Mon Sep 17 00:00:00 2001
From: beerose <alexsandra.sikora@gmail.com>
Date: Tue, 25 Jul 2023 14:52:39 +0200
Subject: [PATCH] conf website: disable Scholarship form link

---
 src/components/Conf/Button/index.tsx | 23 ++++++++++++++++++++---
 src/pages/conf/faq.tsx               |  4 ++--
 2 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/src/components/Conf/Button/index.tsx b/src/components/Conf/Button/index.tsx
index e235a9cfc3..79b6a7108f 100644
--- a/src/components/Conf/Button/index.tsx
+++ b/src/components/Conf/Button/index.tsx
@@ -5,13 +5,30 @@ interface ButtonProps {
   children: ReactNode
   className?: string
   href?: string
+  disabled?: boolean
 }
 
-function ButtonConf({ href, className, children }: ButtonProps): ReactElement {
-  return (
+function ButtonConf({
+  href,
+  className,
+  children,
+  disabled,
+}: ButtonProps): ReactElement {
+  return disabled ? (
+    <span
+      className={clsx(
+        "cursor-default transition ease-in-out no-underline inline-flex text-center w-[fit-content] border-0 py-2 px-6 rounded text-sm sm:text-base whitespace-nowrap",
+        "bg-gray-400 text-white font-medium",
+        className
+      )}
+    >
+      {children}
+    </span>
+  ) : (
     <a
+      aria-disabled={disabled}
       className={clsx(
-        "cursor-pointer transition ease-in-out no-underline inline-flex text-center w-[fit-content] border-0 py-2 px-6 no-underline hover:no-underline focus:outline-none hover:drop-shadow-md hover:[transform:scale(1.05)] rounded text-sm sm:text-base whitespace-nowrap",
+        "cursor-pointer transition ease-in-out no-underline inline-flex text-center w-[fit-content] border-0 py-2 px-6 focus:outline-none hover:drop-shadow-md hover:[transform:scale(1.05)] rounded text-sm sm:text-base whitespace-nowrap",
         "bg-[--rhodamine] text-white font-medium",
         className
       )}
diff --git a/src/pages/conf/faq.tsx b/src/pages/conf/faq.tsx
index fb96f22549..b1f30f9bff 100644
--- a/src/pages/conf/faq.tsx
+++ b/src/pages/conf/faq.tsx
@@ -817,8 +817,8 @@ const faq: Array<{ id: string; title: string; contents: ReactNode }> = [
           <li>Application Deadline — Friday, July 21, 2023 11:59 PM PST</li>
           <li>Notifications — Week of August 7, 2023</li>
         </ul>
-        <ButtonConf href="https://forms.gle/PwgWSTJ872Pce9XW6">
-          Apply for a Scholarship
+        <ButtonConf disabled href="https://forms.gle/PwgWSTJ872Pce9XW6">
+          SCHOLARSHIP APPLICATION CLOSED
         </ButtonConf>
       </>
     ),