From dfff04047f5644ea3af343d0e22b5571f37a5a3f Mon Sep 17 00:00:00 2001
From: "bitbuilder-ai[bot]"
 <65095814+bitbuilder-ai[bot]@users.noreply.github.com>
Date: Sat, 7 Oct 2023 17:46:17 +0000
Subject: [PATCH] implement #37;

---
 src/pages/forms/[id].tsx | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/pages/forms/[id].tsx b/src/pages/forms/[id].tsx
index 283abdb..c009560 100644
--- a/src/pages/forms/[id].tsx
+++ b/src/pages/forms/[id].tsx
@@ -78,6 +78,20 @@ export default function FormDetailPage() {
               </span>
             </div>
 
+            <button className="rounded-md bg-white text-red-600 px-3 py-2 text-sm font-semibold shadow-sm hover:bg-gray-200 mr-2" onClick={async () => {
+              const { error } = await supabase
+                .from('forms')
+                .update({ is_open: !form.is_open })
+                .eq('id', form.id);
+              if (error) {
+                console.error('Error updating form status:', error);
+              } else {
+                setForm({ ...form, is_open: !form.is_open });
+              }
+            }}>
+              {form.is_open ? 'Close form' : 'Open form'}
+            </button>
+
             <Link href={'/forms/fill/' + form.id}>
               <button className="rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">
                 View live form
@@ -151,4 +165,4 @@ function respectNewLines(text: string | null | undefined) {
       <br />
     </span>
   ));
-}
+}
\ No newline at end of file