[Ellipsis] Prevent responses in form fill page

[ellipsis-dev]

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 Unable to fetch the file '/src/pages/forms/fill/[id].tsx' from the repository.
2	✅	Create a new component for closed forms Created a new React component 'ClosedFormMessage' in the '/src/components' directory. This component will be displayed when a form is closed. It contains 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 Unable to fetch the file '/src/pages/forms/fill/[id].tsx' from the repository.

---

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