conf website: disable scholarship form link (#1504)

Author: beerose

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
       )}

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>
       </>
     ),