Added the functionality for the subscribe form

[mayur-driod]

---

Name: Added Subscribe Functionality.
about: In this PR I have currently added the subscribe functionality for the newsletter.

Description

In the src\components\Donation.tsx I have added the logic and functionality for allowing users to subscribe to the newsletter.

Related Issue

This PR fixes #51

Changes Made

• Change 1 in src\components\Donation.jsx I wrapped the input and button in <motion.form> tag
• Change 2 in the form tag I added action="https://buttondown.com/api/emails/embed-subscribe/sugarlabs" and method="post"
• Change 3 in the input tag I added name: email and to a required field.
• Change 4 in the submit tag I added type: submit
• ...

Testing Performed

I tried to sign myself up and it has successfully worked

• Ran sign up test on my email
• Tested on browsers Opera GX and Edge
• ...

Checklist

• I have tested these changes locally and they work as expected.
• I have added/updated tests that prove the effectiveness of these changes.
• I have updated the documentation to reflect these changes, if applicable.
• I have followed the project's coding style guidelines.
• I have addressed the code review feedback from the previous submission, if applicable.

Additional Notes for Reviewers

After multiple attempts to test the feature, the site has blocked me. It worked successfully the first two times. Please verify whether this is a platform restriction rather than an issue on my end.

[sa-fw-an]

Works perfect. Please also add this feature that the email placeholder is cleared on clicking the subscribe button

[sa-fw-an]

Please add this animation in the Animations.ts file under src/styles

[mayur-driod]

Yes I will add this today.

[mayur-driod]

Hey @sa-fw-an do I need to open a new PR for the changes made in Animations.ts?

[sa-fw-an]

Hey @sa-fw-an do I need to open a new PR for the changes made in Animations.ts?

Not needed just change it and commit :)

[FirePheonix]

Amazing work by the work @mayur-driod
Do attend www-v2 meets from now on in case you're interested in taking up more issues. We're in bug fixing and improvement of design phase right now.

[mayur-driod]

Amazing work by the work @mayur-driod
Do attend www-v2 meets from now on in case you're interested in taking up more issues. We're in bug fixing and improvement of design phase right now.

Hey I would love to join. Please let me know whenever it's happening. Thanks :)

[mayur-driod]

Works perfect. Please also add this feature that the email placeholder is cleared on clicking the subscribe button

Hey, I have added this functionality. Here is the demo of it working.

Subscribe.to.newsletter.2.mp4

[sa-fw-an]

Please Build & Check Linting of your project before committing.

• Build: npm run build
• Linting check: npm run format:check

[mayur-driod]

Please Build & Check Linting of your project before committing.

• Build: npm run build
• Linting check: npm run format:check

Yes, I'm sorry about that. VS code imported something automatically, causing errors. But now it's working as expected.

please take a look:

Subscribe.button.animation.mp4

Also thanks for the support @Niranjan7407