From 099a7afc1fb7b982c9db861b678b85947a624473 Mon Sep 17 00:00:00 2001
From: Pablo Alayeto <55535804+Pabl0cks@users.noreply.github.com>
Date: Tue, 3 Sep 2024 13:59:33 +0200
Subject: [PATCH] Close submissions (#72)

---
 packages/nextjs/app/api/submissions/route.ts    |  5 +++++
 .../app/submit/_component/SubmitButton.tsx      | 12 ++++++++----
 .../StickySubmissionInfo.tsx                    | 17 ++++++++++-------
 3 files changed, 23 insertions(+), 11 deletions(-)

diff --git a/packages/nextjs/app/api/submissions/route.ts b/packages/nextjs/app/api/submissions/route.ts
index b36b410..3ca8811 100644
--- a/packages/nextjs/app/api/submissions/route.ts
+++ b/packages/nextjs/app/api/submissions/route.ts
@@ -26,6 +26,11 @@ export type CreateNewSubmissionBody = SubmissionInsert & { signature: `0x${strin
 
 export async function POST(req: Request) {
   try {
+    const isSubmissionClosed = true;
+    if (isSubmissionClosed) {
+      return NextResponse.json({ error: "Submissions are closed" }, { status: 403 });
+    }
+
     const { title, description, telegram, linkToRepository, linkToVideo, feedback, signature, builder } =
       (await req.json()) as CreateNewSubmissionBody;
 
diff --git a/packages/nextjs/app/submit/_component/SubmitButton.tsx b/packages/nextjs/app/submit/_component/SubmitButton.tsx
index dc5adf2..81724f3 100644
--- a/packages/nextjs/app/submit/_component/SubmitButton.tsx
+++ b/packages/nextjs/app/submit/_component/SubmitButton.tsx
@@ -4,17 +4,21 @@ import { useFormStatus } from "react-dom";
 import { useAccount } from "wagmi";
 import { RainbowKitCustomConnectButton } from "~~/components/scaffold-eth";
 
-// To use useFormStatus we need to make sure button is child of form
 const SubmitButton = () => {
   const { pending } = useFormStatus();
   const { isConnected } = useAccount();
+  const isSubmissionClosed = true;
 
   return (
     <div
-      className={`items-center flex flex-col ${!isConnected && "tooltip tooltip-bottom"}`}
-      data-tip={`${!isConnected ? "Please connect your wallet" : ""}`}
+      className={`items-center flex flex-col ${!isConnected && !isSubmissionClosed && "tooltip tooltip-bottom"}`}
+      data-tip={`${!isConnected && !isSubmissionClosed ? "Please connect your wallet" : ""}`}
     >
-      {isConnected ? (
+      {isSubmissionClosed ? (
+        <button className="btn border border-black px-6 text-lg h-10 min-h-10 font-medium" disabled>
+          Submissions Closed
+        </button>
+      ) : isConnected ? (
         <button
           className="btn border border-black px-6 text-lg h-10 min-h-10 font-medium"
           disabled={pending}
diff --git a/packages/nextjs/components/extensions-hackathon/StickySubmissionInfo.tsx b/packages/nextjs/components/extensions-hackathon/StickySubmissionInfo.tsx
index 4df4f70..a9e8cda 100644
--- a/packages/nextjs/components/extensions-hackathon/StickySubmissionInfo.tsx
+++ b/packages/nextjs/components/extensions-hackathon/StickySubmissionInfo.tsx
@@ -3,6 +3,7 @@ import Link from "next/link";
 
 export const StickySubmissionInfo = () => {
   const [isVisible, setIsVisible] = useState(true);
+  const isSubmissionClosed = true;
 
   if (!isVisible) {
     return (
@@ -26,16 +27,18 @@ export const StickySubmissionInfo = () => {
         ✕
       </button>
       <h2 className="text-2xl underline mb-0 md:mb-4 2xl:text-3xl 2xl:mb-6">
-        Submissions <br className="hidden md:inline" /> open
+        {isSubmissionClosed ? "Submissions closed" : "Submissions open"}
       </h2>
       <p className="md:mb-10 mt-2 2xl:text-xl 2xl:mb-12 2xl:mt-4">AUG 20 - SEP 2</p>
       <div className="flex md:block space-x-2 2xl:space-x-4">
-        <Link
-          href="/submit"
-          className="bg-[#B7EBEC] py-2 px-2 sm:px-4 border border-1 border-black text-center flex-1 2xl:py-3 2xl:px-6 text-sm sm:text-base 2xl:text-xl"
-        >
-          Apply
-        </Link>
+        {!isSubmissionClosed && (
+          <Link
+            href="/submit"
+            className="bg-[#B7EBEC] py-2 px-2 sm:px-4 border border-1 border-black text-center flex-1 2xl:py-3 2xl:px-6 text-sm sm:text-base 2xl:text-xl"
+          >
+            Apply
+          </Link>
+        )}
         <a
           href="https://t.me/+jgKFHjb9B_cyNmMx"
           target="_blank"