[BitBuilder] Add "Close form" button

[ellipsis-dev]

Summary:

Issue: #124
Plan feedback: Approved by @hbrooks

Implementation:

1. Add a new button to the FormDetailPage
   • In the /src/pages/forms/[id].tsx file, add a new button to the left of the existing 'View live form' button. The button should have a white background with red text. The text on the button should say 'Close form' when is_open = true, and 'Open form' when is_open = false.
2. Add onClick event to the button
   • In the /src/pages/forms/[id].tsx file, add an onClick event to the new button. When clicked, the button should flip the boolean for the is_open column in the correct row in the database. Use the supabase client for this. The code for updating the database should look like this:

const { error } = await supabase
  .from('forms')
  .update({ is_open: !form.is_open })
  .eq('id', form.id)

This code will update the is_open field of the form with the opposite of its current value.

Report:

Step	Result	Details
1	✅	Add a new button to the FormDetailPage Added a new button to the FormDetailPage
2	✅	Add onClick event to the button Added onClick event to the 'Close form'/'Open form' button

---

Something look wrong?: If this Pull Request doesn't contain the expected changes, add more information to #124. Then, add the bitbuilder:create label to try again. For more information, check the documentation.

Generated with ❤️ by www.bitbuilder.ai

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
talk-form-ai	✅ Ready (Inspect)	Visit Preview	Nov 8, 2023 1:58pm