Skip to content

improve footer accessibility and dynamic copyright year#2018

Open
evanxdsouza wants to merge 3 commits into
hackclub:mainfrom
evanxdsouza:main
Open

improve footer accessibility and dynamic copyright year#2018
evanxdsouza wants to merge 3 commits into
hackclub:mainfrom
evanxdsouza:main

Conversation

@evanxdsouza
Copy link
Copy Markdown

Changed to Hack CLub logo to link to the home page. We can write a script so it links to the nearest HC event or a random page or a surprise Easter egg.

Also improved accessibility of the footer.

CHanged the copyright year from harcoded to dynamic

Copilot AI review requested due to automatic review settings May 18, 2026 08:11
@evanxdsouza evanxdsouza requested a review from a team as a code owner May 18, 2026 08:11
@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented May 18, 2026

@evanxdsouza is attempting to deploy a commit to the Hack Club Team on Vercel.

A member of the Team first needs to authorize it.

Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

This PR aims to improve the site footer by making the Hack Club logo link to the homepage, adding accessibility improvements, and switching the copyright year from hardcoded to dynamic. However, the current Footer.tsx changes introduce invalid JSX that will prevent the app from compiling, and the PR also includes several large unrelated public data/font additions not reflected in the PR description.

Changes:

  • Update footer link handling helpers (extisExternal / isMailto) and make the copyright year dynamic.
  • Wrap the Hack Club logo in a homepage link and add an aria-label for the phone link.
  • Add new public data files (team.json, acknowledged.json, donors.json) and a new font file (zarathustra-v01.otf).

Reviewed changes

Copilot reviewed 1 out of 17 changed files in this pull request and generated 3 comments.

Show a summary per file
File Description
components/Footer.tsx Footer refactor + dynamic year + accessibility tweaks (currently contains invalid JSX that breaks build).
public/team.json Adds a large team dataset used by /team and /api/team.
public/acknowledged.json Adds a large acknowledged-members dataset used by /api/acknowledged.
public/donors.json Adds a donors mapping file (appears unused in the codebase).
public/font/zarathustra-v01.otf Adds an OTF font file (no current references; app uses zarathustra-kerned.ttf).
Comments suppressed due to low confidence (3)

components/Footer.tsx:178

  • The phone link markup is missing the opening <a> tag, so the href, aria-label, and style props are currently not attached to any element (invalid JSX / compile error). Restore the <a> element around this block.
          
            href="tel:18556254225"
            aria-label="Call Hack Club toll-free at 1-855-625-4225"
            style={{
              fontWeight: 400,

components/Footer.tsx:196

  • The social icon links are missing the opening <a> tag inside the icons.map loop, leaving key, href, etc. as stray attributes and breaking compilation. Restore the <a> wrapper for each icon.
          <div style={{ display: "flex", gap: 12 }}>
            {icons.map((i) => (
              
                key={i.label}
                href={i.href}
                target={isExternal(i.href) ? "_blank" : undefined}
                rel={isExternal(i.href) ? "noopener noreferrer" : undefined}

components/Footer.tsx:239

  • Both footer text links (Hack Foundation + GitHub) are missing their opening <a> tags, so the href/target/rel/style props are not attached to an element (invalid JSX). Restore the <a> elements for these links.
          © {year} Hack Club. Registered under{" "}
          
            href="https://the.hackfoundation.org/"
            target="_blank"
            rel="noopener noreferrer"
            style={{ color: "#fff", textDecoration: "underline", textUnderlineOffset: 2 }}

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread components/Footer.tsx Outdated
Comment thread components/Footer.tsx
Comment on lines +57 to 59
function isMailto(href: string) {
return href.startsWith("mailto:");
}
Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

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

@copilot apply changes based on this feedback

Comment thread components/Footer.tsx
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented May 18, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
site Error Error May 18, 2026 10:17am

Request Review

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.

2 participants