Skip to content

feat(ui): Add Ko-fi donation entry points - #145

Merged
OffCrazyFreak merged 3 commits into
devfrom
feat/support-donations
Jul 30, 2026
Merged

feat(ui): Add Ko-fi donation entry points#145
OffCrazyFreak merged 3 commits into
devfrom
feat/support-donations

Conversation

@OffCrazyFreak

Copy link
Copy Markdown
Owner

Summary

  • Adds a public Ko-fi modal from the sidebar and footer.
  • Links the project skill folders into Codex discovery and adds support documentation.
  • Keeps GitHub Sponsors and landing-page recognition as explicit future work.

Verification

  • prettier --write on changed files
  • next typegen
  • tsc --noEmit
  • eslint . completed with 27 existing warnings and no errors

Merge order

Merge this before PRs #142, #143, and #144. Those branches must rebase and review the shared modal, navigation, button, or documentation surfaces noted in their follow-up comments.

Changes:
- Add a public Ko-fi modal from sidebar and footer support controls
- Preserve focus when the dialog is dismissed and record future recognition work
- Clarify the current repository funding configuration

Keeps voluntary support discoverable without adding payment logic or a landing-page prompt.
Changes:
- Link the ten existing project skills from the repository root
- Keep Claude-Code skill folders as the single source of truth

Lets Codex discover the same project workflows without duplicating their instructions.
Changes:
- Add the support-system reference and verification guidance
- Refresh the README support copy and documentation index

Explains the public Ko-fi path, GitHub funding configuration, and consent requirements for future recognition.
@netlify

netlify Bot commented Jul 30, 2026

Copy link
Copy Markdown

Deploy Preview for disscount failed. Why did it fail? →

Name Link
🔨 Latest commit 6a4f403
🔍 Latest deploy log https://app.netlify.com/projects/disscount/deploys/6a6ba8c8ea8a4900084bbd36

@coderabbitai

coderabbitai Bot commented Jul 30, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

Summary by CodeRabbit

  • New Features

    • Added a voluntary support option with a donation modal and Ko-fi link.
    • Added “Podrži Disscount” support entry points in the navigation.
    • Donation links open securely in a new browser tab.
  • Documentation

    • Added comprehensive support, funding, accessibility, and recognition guidance.
    • Updated the README support section and documentation index.
  • Chores

    • Added shared access to several development skills.
    • Updated funding guidance and clarified future sponsorship plans.

Walkthrough

Adds a public Ko-fi donation flow with URL-routed modal behavior, navigation entry points, focus restoration, support documentation, funding-message updates, and shared agent-skill symlinks.

Changes

Donation support flow

Layer / File(s) Summary
Support navigation and modal contracts
frontend/src/constants/donation.ts, frontend/src/constants/navigation.ts, frontend/src/lib/modal/modal-registry.ts
Adds the Ko-fi destination, a donation navigation item, and the public donate modal target parsed from ?modal=donate.
Donation modal and support entry wiring
frontend/src/components/custom/donation/donation-modal.tsx, frontend/src/components/custom/modal-router/modal-router.tsx, frontend/src/components/custom/common/footer-support-icons.tsx, frontend/src/components/custom/sidebar/sidebar-support-nav.tsx
Renders the donation modal, opens Ko-fi in a new tab, restores focus after closing, and updates support-entry descriptions.
Support exposure and documentation
README.md, .github/FUNDING.yml, docs/README.md, docs/SUPPORT.md, frontend/src/app/(root)/data/landing.ts
Updates support messaging and funding guidance, documents the donation flow and verification steps, and records future landing-page support work.

Agent skill links

Layer / File(s) Summary
Shared agent skill symlinks
.agents/skills/*
Maps ten agent skill paths to shared frontend or Claude skill locations using symbolic links.

Estimated code review effort: 3 (Moderate) | ~20 minutes

Sequence Diagram(s)

sequenceDiagram
  participant Visitor
  participant SupportNavigation
  participant ModalRouter
  participant DonationModal
  participant KoFi
  Visitor->>SupportNavigation: Select donation support entry
  SupportNavigation->>ModalRouter: Navigate to ?modal=donate
  ModalRouter->>DonationModal: Render public modal
  DonationModal->>KoFi: Open support page in new tab
  DonationModal-->>Visitor: Restore focus after close
Loading

Possibly related PRs

Poem

A rabbit hops where support links gleam,
Ko-fi opens like a carrot dream.
Modals guide and focus returns,
Shared skills link where knowledge learns.
“Ne sada,” I cheer, “then back I go!”

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Docstring Coverage ⚠️ Warning Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Write docstrings for the functions missing them to satisfy the coverage threshold.
✅ Passed checks (4 passed)
Check name Status Explanation
Title check ✅ Passed The title clearly summarizes the main change: adding Ko-fi donation entry points to the UI.
Description check ✅ Passed The description matches the PR by describing the Ko-fi modal, linked skill folders, support docs, and future work.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
✨ Finishing Touches 💡 2
📝 Generate docstrings 💡
  • Create stacked PR
  • Commit on current branch
🛠️ Fix failing CI checks 💡
  • Fix failing CI checks

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.

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@frontend/src/constants/navigation.ts`:
- Line 202: Update the comment above the support entry list in navigation
constants to describe it as containing both live support destinations and
coming-soon pages or modals, reflecting the existing donate and contact entries.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: ASSERTIVE

Plan: Pro Plus

Run ID: f145a006-1d5d-40de-bfc8-31b85fe4a13c

📥 Commits

Reviewing files that changed from the base of the PR and between a52899a and 6a4f403.

📒 Files selected for processing (22)
  • .agents/skills/better-auth-best-practices
  • .agents/skills/create-auth-skill
  • .agents/skills/document-subsystem
  • .agents/skills/email-and-password-best-practices
  • .agents/skills/email-best-practices
  • .agents/skills/frontend-design
  • .agents/skills/multi-tool-code-review
  • .agents/skills/react-email
  • .agents/skills/resend
  • .agents/skills/sentry-nextjs-sdk
  • .github/FUNDING.yml
  • README.md
  • docs/README.md
  • docs/SUPPORT.md
  • frontend/src/app/(root)/data/landing.ts
  • frontend/src/components/custom/common/footer-support-icons.tsx
  • frontend/src/components/custom/donation/donation-modal.tsx
  • frontend/src/components/custom/modal-router/modal-router.tsx
  • frontend/src/components/custom/sidebar/sidebar-support-nav.tsx
  • frontend/src/constants/donation.ts
  • frontend/src/constants/navigation.ts
  • frontend/src/lib/modal/modal-registry.ts

];

// Feedback entry points, shared with the footer; coming-soon until their pages/modals ship.
// Support entry points, shared with the footer; coming-soon until their pages/modals ship.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

📐 Maintainability & Code Quality | 🟡 Minor | ⚡ Quick win

Fix the stale support-list comment.

Line 202 still says support entries are “coming-soon until their pages/modals ship,” but this list now includes the live donate modal and the existing contact modal. Update the comment to describe a mixed live/coming-soon support list.

🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@frontend/src/constants/navigation.ts` at line 202, Update the comment above
the support entry list in navigation constants to describe it as containing both
live support destinations and coming-soon pages or modals, reflecting the
existing donate and contact entries.

@OffCrazyFreak
OffCrazyFreak merged commit 5570a1d into dev Jul 30, 2026
3 of 7 checks passed
@OffCrazyFreak
OffCrazyFreak deleted the feat/support-donations branch July 30, 2026 21:03
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.

1 participant