Skip to content

Implement functional footer email subscription flow with accessible status feedback#24

Merged
Yasar2019 merged 3 commits into
mainfrom
copilot/check-email-subscription-functionality
Mar 20, 2026
Merged

Implement functional footer email subscription flow with accessible status feedback#24
Yasar2019 merged 3 commits into
mainfrom
copilot/check-email-subscription-functionality

Conversation

Copy link
Copy Markdown
Contributor

Copilot AI commented Mar 18, 2026

The footer “Stay Updated” subscription UI existed but did not submit anywhere. This PR wires it into the existing Formspree flow so subscriptions are actually sent and users get clear submission feedback.

  • Subscription flow implementation

    • Converted the footer subscription block into a real form submit path.
    • Added submit handler in Footer.jsx that posts form data to Formspree (/f/xovqarqp), matching the existing contact integration pattern.
    • Added name="email" and required so the email field is valid payload and browser-validated.
  • User-visible behavior

    • On successful submit: shows confirmation message and resets the input.
    • On failure: shows a clear retry message.
  • Accessibility

    • Added semantic announcement roles for async feedback:
      • success message uses role="status"
      • error message uses role="alert"
<SubscribeContainer as="form" ref={subscriptionFormRef} onSubmit={handleSubscription}>
  <input type="email" name="email" placeholder="Enter your email" required />
  <button type="submit">Subscribe</button>
</SubscribeContainer>

{subscriptionStatus === "SUCCESS" && <p role="status">Thanks for subscribing!</p>}
{subscriptionStatus === "ERROR" && <p role="alert">Subscription failed. Please try again.</p>}
  • Screenshot
    • Subscription UI update
Original prompt

This section details on the original issue you should resolve

<issue_title>Check if email subscription actually works</issue_title>
<issue_description>Check if the feature of email subscription works properly. I think its not 100% implemented. I want you to have a look on it and finish it ASAP!

Thank you </issue_description>

Comments on the Issue (you are @copilot in this section)


🔒 GitHub Advanced Security automatically protects Copilot coding agent pull requests. You can protect all pull requests by enabling Advanced Security for your repositories. Learn more about Advanced Security.

Copilot AI and others added 2 commits March 18, 2026 01:06
Co-authored-by: Yasar2019 <60102921+Yasar2019@users.noreply.github.com>
Co-authored-by: Yasar2019 <60102921+Yasar2019@users.noreply.github.com>
Copilot AI changed the title [WIP] Fix email subscription implementation Implement functional footer email subscription flow with accessible status feedback Mar 18, 2026
Copilot AI requested a review from Yasar2019 March 18, 2026 01:09
Copy link
Copy Markdown
Owner

@Yasar2019 Yasar2019 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good

@github-actions
Copy link
Copy Markdown

Azure Static Web Apps: Your stage site is ready! Visit it here: https://witty-mud-031b23a0f-24.eastus2.2.azurestaticapps.net

@Yasar2019 Yasar2019 marked this pull request as ready for review March 20, 2026 00:52
@Yasar2019 Yasar2019 merged commit 4d8a017 into main Mar 20, 2026
2 checks passed
@Yasar2019 Yasar2019 deleted the copilot/check-email-subscription-functionality branch March 20, 2026 00:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Check if email subscription actually works

2 participants