Contact.jsx: Self-referencing <a href="/contact"> link on contact page #66

New Issue

Closed

opened 2026-05-17 17:53:27 -05:00 by null · 0 comments

null commented

2026-05-17 17:53:27 -05:00

Owner

Bug Description

src/pages/Contact.jsx line 127 has a "Submit Another" button after form submission that links to /contact using <a href="/contact">. This is on the Contact page itself, making it a self-referencing link. Additionally, it uses <a> instead of React Router's <Link>.

While a self-link technically works (it reloads the page), it defeats React Router's client-side navigation and causes an unnecessary full page reload on a page the user is already on.

Fix

Two options:

Replace with a button that resets the form state (preferred — no navigation needed, just reset mutation state)
Replace <a href="/contact"> with <Link to="/contact"> for consistency, though still unnecessary

Option 1 is better UX — reset the form in-place without a page reload.

Labels

bug, frontend, P3 Low

## Bug Description `src/pages/Contact.jsx` line 127 has a "Submit Another" button after form submission that links to `/contact` using `<a href="/contact">`. This is on the Contact page itself, making it a self-referencing link. Additionally, it uses `<a>` instead of React Router's `<Link>`. While a self-link technically works (it reloads the page), it defeats React Router's client-side navigation and causes an unnecessary full page reload on a page the user is already on. ## Fix Two options: 1. Replace with a button that resets the form state (preferred — no navigation needed, just reset mutation state) 2. Replace `<a href="/contact">` with `<Link to="/contact">` for consistency, though still unnecessary Option 1 is better UX — reset the form in-place without a page reload. ## Labels - bug, frontend, P3 Low