Loading state is required for each submit.

[nick-y-ito]

Description

Currently, multiple submissions are performed by tapping or clicking the submit button or mashing the [ enter/return ] key within a form.

Criteria

• [x] Add the loading state (boolean), defaulting to false.
• [x] Turn it to true when submitting a form
• [x] Add an if statement inside every submit handler to exit the function and avoid multiple submissions.
• [x] Disable the submit button when the state is true

Notes

• This task can be split into multiple smaller issues as needed

[arthathagary]

Hi,

I'm new to open-source contribution, and I'd like to work on this particular issue. I have some questions about the problem. After cloning the project and reviewing it, I'm wondering if I need to add a spinner near the button while submitting the form. If so, after submitting the form, basic alert message triggered. I understand that the alert behavior may block the spinner animation.

Is my understanding of the problem correct about adding loading spinners?

[nick-y-ito]

@arthathagary Thank you for your interest :)

Honestly, we don't need the loading spinner for now because adding it affects the button size. Although we could add it to improve the UX, the main goal of this issue is only to avoid sending multiple API requests.

If you address this issue, you can start with only a single request to show an example before going in the wrong direction.

[arthathagary]

Ok, Now I understand the issue, can you assign this issue to me? I'll do this one 🤝

[nick-y-ito]

@arthathagary Sure, I have done it　😊 I appreciate your contribution!

[nick-y-ito]

@arthathagary The criteria in the description are just suggestions. If you have better ideas, please feel free to provide alternatives.

[arthathagary]

Sure Man, I put a PR to this issue, check the PR if any changes you want tell me that i'll do that one 🤝