Skip to content

feat(supporters): redesign Support Us as tiered Supporters page#913

Draft
dadofsambonzuki wants to merge 12 commits intomainfrom
feat/supporters-page
Draft

feat(supporters): redesign Support Us as tiered Supporters page#913
dadofsambonzuki wants to merge 12 commits intomainfrom
feat/supporters-page

Conversation

@dadofsambonzuki
Copy link
Copy Markdown
Member

Summary

  • Renames /support-us route and nav label to /supporters / Supporters
  • Renames supportUs i18n key to supporters across all 8 locales
  • Introduces tiered sponsorship layout (Explorer → Pioneer) driven by a sponsors.tsx config file
  • Adds a separate Individual Supporters (Pleb) section above the industry tiers, with circular avatar grid and always-visible Geyser CTA
  • Adds sponsor logos: Spiral, Square (official black/white SVGs), OpenSats
  • Removes verbose intro copy; replaces with tight marketing text and button CTAs
  • Adds PlebSection and refactored SupportSection components

Sponsors config

All sponsor data lives in src/routes/supporters/sponsors.tsx — name, URL, icon, optional dark icon, and tier level. Plebs live in the plebs array with name, optional URL, and avatar.

Notes

  • Pleb tier always shows a Become a Supporter CTA linking to https://geyser.fund/project/btcmap/rewards
  • Empty org tiers show an Apply to become a partner placeholder card
  • Nathan Day added as first pleb supporter

- Rename route /support-us -> /supporters and nav label to 'Supporters'
- Rename i18n key supportUs -> supporters across all 8 locales
- Add sponsors.tsx config with Explorer/Wayfinder/Cartographer/Navigator/Pioneer tiers
- Add Pleb tier with individual supporter avatars (Nathan Day)
- Add new PlebSection component with circular avatar grid and always-visible CTA
- Add SupportSection component with per-tier colour accents and sponsor logo cards
- Add sponsor logos: Spiral, Square (black/white SVG), OpenSats
- Split page into Individual Supporters (top) and Industry Sponsors (bottom) sections
- Add AppDownloadModal, Modal, SaveButton components and session API routes
- Remove verbose intro copy and replace with tight marketing text + button CTAs
- Add JSX support to tsconfig for .tsx config files

🤖 Generated with [opencode](https://opencode.ai)
@netlify
Copy link
Copy Markdown

netlify Bot commented Apr 13, 2026

Deploy Preview for btcmap ready!

Name Link
🔨 Latest commit 73a0c54
🔍 Latest deploy log https://app.netlify.com/projects/btcmap/deploys/69e0e0f7dcadc2000848c5e2
😎 Deploy Preview https://deploy-preview-913--btcmap.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 51 (🔴 down 38 from production)
Accessibility: 97 (no change from production)
Best Practices: 92 (🔴 down 8 from production)
SEO: 96 (no change from production)
PWA: 90 (no change from production)
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify project configuration.

@coderabbitai
Copy link
Copy Markdown

coderabbitai Bot commented Apr 13, 2026

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 9c60368e-a12a-4c26-bdaf-0ef3765ba5e5

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feat/supporters-page

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

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 redesigns the former Support Us page into a new tiered Supporters page at /supporters, updates navigation and attribution links accordingly, and migrates i18n keys from supportUssupporters across locales.

Changes:

  • Replace /support-us with /supporters in navigation and map attribution, and introduce a tiered supporters layout (including an Individual Supporters / “Pleb” section).
  • Add a sponsors/tiers config (sponsors.tsx) and new Svelte components (SupportSection, PlebSection) to render the new page.
  • Update i18n locale files and various components to use the new supporters.* keys; add new supporter logo assets.

Reviewed changes

Copilot reviewed 17 out of 23 changed files in this pull request and generated 5 comments.

Show a summary per file
File Description
tsconfig.json Enables JSX preservation to support a .tsx config file.
static/images/supporters/square.svg Adds Square logo asset (light).
static/images/supporters/square-dark.svg Adds Square logo asset (dark).
static/images/supporters/spiral.svg Adds Spiral logo asset.
static/images/supporters/plebs/nathan-day.jpg Adds individual supporter avatar.
static/images/supporters/opensats.png Adds OpenSats logo asset.
src/routes/supporters/sponsors.tsx Introduces tiers + sponsors + plebs configuration.
src/routes/supporters/components/SupportSection.svelte New tier card component for org sponsors.
src/routes/supporters/components/PlebSection.svelte New section component for individual supporters + CTA.
src/routes/supporters/components/DonationOption.svelte Updates translation keys from supportUs.* to supporters.*.
src/routes/supporters/+page.svelte New Supporters page layout with pleb + tiered org sponsors + donation UI.
src/routes/support-us/components/SupportSection.svelte Removes old Support Us SupportSection component.
src/lib/map/setup.ts Updates Leaflet attribution support link to /supporters.
src/lib/i18n/locales/{en,de,fr,es,nl,pt-BR,ru,bg}.json Renames supportUs keys to supporters and updates nav labels.
src/components/layout/Header.svelte Updates nav link label/id/url to Supporters.
src/components/InvoicePayment.svelte Updates error key to supporters.qrLoadError.
Comments suppressed due to low confidence (1)

src/routes/supporters/+page.svelte:121

  • These sections introduce new user-facing copy (headings, paragraphs, CTA label) as hardcoded English strings rather than i18n keys. Since the route supports multiple locales, this will cause non-English pages to show English text; consider moving this copy into the supporters locale entries and rendering via t(...).

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

Comment on lines +58 to +60
id: "supporters",
title: $_("nav.supporters"),
url: "/supporters",
Copy link

Copilot AI Apr 14, 2026

Choose a reason for hiding this comment

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

Removing /support-us in favor of /supporters will break existing inbound links/bookmarks unless a redirect is added. Consider adding a lightweight route (e.g., src/routes/support-us/+page.server.ts redirect) so the old URL continues to work.

Copilot uses AI. Check for mistakes.
Comment on lines +46 to +51
<a
href={ctaHref}
target="_blank"
rel="noreferrer"
class="inline-block rounded-xl border border-link/40 bg-white/60 px-5 py-2.5 text-sm font-semibold text-link transition-colors hover:bg-white dark:bg-slate-900/40 dark:hover:bg-slate-900/70"
>
Copy link

Copilot AI Apr 14, 2026

Choose a reason for hiding this comment

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

This CTA opens a new tab (target="_blank") but uses rel="noreferrer" only. Add noopener as well (rel="noopener noreferrer") to prevent window.opener access in some user agents.

Copilot uses AI. Check for mistakes.
Comment thread src/routes/supporters/sponsors.tsx Outdated
Comment thread src/routes/supporters/components/PlebSection.svelte Outdated
<a
href={sponsor.url}
target="_blank"
rel="noreferrer"
Copy link

Copilot AI Apr 14, 2026

Choose a reason for hiding this comment

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

Links opened with target="_blank" should include rel="noopener noreferrer" (not just noreferrer) to prevent the new page from accessing window.opener in older/edge user agents.

Suggested change
rel="noreferrer"
rel="noopener noreferrer"

Copilot uses AI. Check for mistakes.
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