implement #119;

nsbradford · Nov 2, 2023 · a8954dd · a8954dd
1 parent 4b29558
commit a8954dd
Showing 1 changed file with 21 additions and 5 deletions.
diff --git a/src/pages/forms/[id].tsx b/src/pages/forms/[id].tsx
@@ -78,11 +78,27 @@ export default function FormDetailPage() {
               </span>
             </div>
 
-            <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
+            <div className="flex">
+              <button className="rounded-md bg-white text-red-600 px-3 py-2 text-sm font-semibold shadow-sm hover:bg-gray-100 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>
+
+              <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
+                </button>
+              </Link>
+            </div>
           </div>
           {form.created_at && (
             <p className="text-xs text-gray-600">
@@ -151,4 +167,4 @@ function respectNewLines(text: string | null | undefined) {
       <br />
     </span>
   ));
-}
+}