[BitBuilder] Add "Close form" button

[ellipsis-dev]

Summary:

Issue: #22
Plan feedback: Approved by @hbrooks

Implementation:

1. Add 'Close form' button to the form detail page
   • In the /src/pages/forms/[id].tsx file, add a new button next to the 'View live form' button. This button should be styled similarly to the 'View live form' button. The button should be labeled 'Close form'.
2. Implement 'Close form' button functionality
   • In the /src/pages/forms/[id].tsx file, add an onClick event to the 'Close form' button. This event should call a function that uses the Supabase client to update the is_open value for the correct row in the database. You can use the update method from Supabase client as described in the Supabase docs.
3. Update button state based on form status
   • In the /src/pages/forms/[id].tsx file, update the 'Close form' button to be unclickable and appear greyed out when the form is closed. This can be achieved by adding a conditional rendering to the button based on the is_open status of the form.

Report:

Step	Result	Details
1	✅	Add 'Close form' button to the form detail page Added 'Close form' button to the form detail page
2	✅	Implement 'Close form' button functionality Implemented 'Close form' button functionality
3	✅	Update button state based on form status Updated the 'Close form' button to be unclickable and appear greyed out when the form is closed.

---

Something look wrong?: If this Pull Request doesn't contain the expected changes, add more information to #22. 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	❌ Failed (Inspect)		Oct 7, 2023 1:12pm