fix: update ko-fi links, drop $20 option

This commit is contained in:
2026-04-23 13:42:58 -04:00
parent 70a1925c95
commit 4eb4212b3f
@@ -1,7 +1,6 @@
"use client"; "use client";
import { Coffee, ExternalLink, X } from "lucide-react"; import { Coffee, ExternalLink, X } from "lucide-react";
import { Button } from "@/components/ui/button";
import { import {
Dialog, Dialog,
DialogContent, DialogContent,
@@ -15,9 +14,20 @@ interface BuyCreditsModalProps {
} }
const PRESETS = [ const PRESETS = [
{ dollars: 5, credits: 500, label: "Small Feed", emoji: "🌾" }, {
{ dollars: 10, credits: 1000, label: "Big Feed", emoji: "🌽" }, dollars: 5,
{ dollars: 20, credits: 2000, label: "Feast", emoji: "🍗" }, credits: 500,
label: "Small Feed",
emoji: "🌾",
href: "https://ko-fi.com/s/ecf5118d5a",
},
{
dollars: 10,
credits: 1000,
label: "Big Feed",
emoji: "🌽",
href: "https://ko-fi.com/s/a6c2c7ed8b",
},
]; ];
export function BuyCreditsModal({ open, onOpenChange }: BuyCreditsModalProps) { export function BuyCreditsModal({ open, onOpenChange }: BuyCreditsModalProps) {
@@ -30,6 +40,7 @@ export function BuyCreditsModal({ open, onOpenChange }: BuyCreditsModalProps) {
Stock the Coop Stock the Coop
</DialogTitle> </DialogTitle>
<button <button
type="button"
onClick={() => onOpenChange(false)} onClick={() => onOpenChange(false)}
className="rounded-full p-2 hover:bg-background transition-colors" className="rounded-full p-2 hover:bg-background transition-colors"
> >
@@ -45,7 +56,7 @@ export function BuyCreditsModal({ open, onOpenChange }: BuyCreditsModalProps) {
{PRESETS.map((preset) => ( {PRESETS.map((preset) => (
<a <a
key={preset.dollars} key={preset.dollars}
href="https://ko-fi.com/s/ecf5118d5a" href={preset.href}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className="flex items-center justify-between rounded-2xl border-4 border-foreground bg-accent/10 p-4 shadow-[4px_4px_0px_0px_rgba(0,0,0,1)] hover:translate-x-[2px] hover:translate-y-[2px] hover:shadow-none transition-all" className="flex items-center justify-between rounded-2xl border-4 border-foreground bg-accent/10 p-4 shadow-[4px_4px_0px_0px_rgba(0,0,0,1)] hover:translate-x-[2px] hover:translate-y-[2px] hover:shadow-none transition-all"