[Ellipsis] Prevent responses in form fill page

[ellipsis-dev-beta]

Summary:

Issue: #68
Plan feedback: Approved by @hbrooks

Implementation:

1. Add a check for form open status
   • In the CreateFormInner function in the /src/pages/forms/fill/[id].tsx file, add a check after the form is fetched from the database. If the form's is_open property is false, set a new state variable isFormOpen to false. This state variable will be used to conditionally render the form or a message indicating that the form is closed.
2. Create a new component for closed forms
   • Create a new React component in the /src/components directory. This component will be displayed when a form is closed. It should contain a message that says 'This form is no longer accepting responses. If you believe this is an error, contact the form author.' and a button that redirects to 'https://talkform.ai/'.
3. Render the new component conditionally
   • In the CreateFormInner function in the /src/pages/forms/fill/[id].tsx file, use the isFormOpen state variable to conditionally render the form or the new component for closed forms. If isFormOpen is false, render the new component. Otherwise, render the form as usual.

Report:

Step	Result	Details
1	✅	Add a check for form open status Added a check for form open status in the CreateFormInner function in the /src/pages/forms/fill/[id].tsx file.
2	✅	Create a new component for closed forms Created a new React component for closed forms.
3	✅	Render the new component conditionally Added conditional rendering of the form or the ClosedForm component in the CreateFormInner function in the /src/pages/forms/fill/[id].tsx file.

---

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

Generated with ❤️ by ellipsis.dev

[ellipsis-dev]

A few small fixes are required.

Summary:

This PR adds a feature to prevent responses in the form fill page when the form is closed, by checking the form's open status and conditionally rendering a new ClosedForm component.

Key points:

• Added a check for form's open status in CreateFormInner function in /src/pages/forms/fill/[id].tsx.
• Created a new ClosedForm component in /src/components directory.
• Conditionally rendered the ClosedForm component in CreateFormInner function when the form is closed.

---

Generated with ❤️ by ellipsis.dev