Description
Add a feedback link in the footer so users can easily share feedback about the tool.
Current footer structure
The footer (src/components/Footer.astro) has 3 columns:
- Brand — logo, tagline, "A tool by CODERCOPS"
- Product — nav links: Create, Preview, Templates, API Docs, GitHub
- Stats — visitor counts, MIT License badge, copyright
Requirements
- Add a "Feedback" link in the Product nav column (
footer-nav)
- Style consistently with the existing footer links (plain
<a> tags)
- Link should open a new GitHub issue pre-filled for feedback
Approach
Use a direct GitHub issue creation link:
https://github.com/codercops/ogcops/issues/new?labels=feedback&title=Feedback:&body=<!-- Describe your feedback here -->
This requires no extra setup — users submit feedback as GitHub issues with the feedback label.
Implementation
- Open
src/components/Footer.astro
- Add the following inside
<nav class="footer-nav">, after the GitHub link:
<a href="https://github.com/codercops/ogcops/issues/new?labels=feedback&title=Feedback:&body=<!-- Describe your feedback here -->" target="_blank" rel="noopener">Feedback</a>
Description
Add a feedback link in the footer so users can easily share feedback about the tool.
Current footer structure
The footer (
src/components/Footer.astro) has 3 columns:Requirements
footer-nav)<a>tags)Approach
Use a direct GitHub issue creation link:
This requires no extra setup — users submit feedback as GitHub issues with the
feedbacklabel.Implementation
src/components/Footer.astro<nav class="footer-nav">, after the GitHub link: