Skip to content

Commit a624d14

Browse files
committed
feat(locales): update open source description to clarify the app is ads-free
feat(donation-modal): integrate Ko-fi iframe for donations and add theme support for better user experience
1 parent 9a1fe85 commit a624d14

File tree

2 files changed

+11
-1
lines changed

2 files changed

+11
-1
lines changed

locales/en.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -108,7 +108,7 @@ export default {
108108
costs_description: "Currently, donations don't even cover basic costs: servers, authentication, infrastructure, database, etc.",
109109
open_source_title: "100% Open Source",
110110
open_source_description:
111-
"This app is completely free and open source. No profit is generated - it's a passion project to help the community and help people exercise.",
111+
"This app is completely free, ads free and open source. No profit is generated - it's a passion project to help the community and help people exercise.",
112112
no_ads: "No ads",
113113
no_tracking: "No tracking",
114114
impact_title: "Your impact",

src/features/workout-session/ui/donation-modal.tsx

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
"use client";
22

33
import { useEffect, useRef } from "react";
4+
import { useTheme } from "next-themes";
45
import { Heart, X, Code, Server, Coffee, Github } from "lucide-react";
56

67
import { useI18n } from "locales/client";
@@ -14,6 +15,7 @@ interface DonationModalProps {
1415
export function DonationModal({ isOpen, onClose }: DonationModalProps) {
1516
const t = useI18n();
1617
const modalRef = useRef<HTMLDialogElement>(null);
18+
const theme = useTheme();
1719

1820
useEffect(() => {
1921
const modal = modalRef.current;
@@ -112,6 +114,14 @@ export function DonationModal({ isOpen, onClose }: DonationModalProps) {
112114
</ul>
113115
<p className="text-xs text-center text-green-700 dark:text-green-400 mt-2 font-medium">{t("donation_modal.impact_footer")}</p>
114116
</div>
117+
118+
<iframe
119+
height="700"
120+
id="kofiframe"
121+
src="https://ko-fi.com/workoutcool/?hidefeed=true&widget=true&embed=true&preview=true"
122+
style={{ border: "none", width: "100%", padding: "4px" }}
123+
title="workoutcool"
124+
></iframe>
115125
</div>
116126

117127
{/* Actions */}

0 commit comments

Comments
 (0)