Spaces:
Build error
Build error
File size: 1,680 Bytes
0bfe2e3 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 |
import { Button } from '../ui/button';
import { Modal } from '../ui/modal';
import { SiGithubsponsors } from 'react-icons/si';
import { SiKofi } from 'react-icons/si';
export function DonationModal({
open,
onOpenChange,
}: {
open: boolean;
onOpenChange: (open: boolean) => void;
}) {
const githubSponsorsUrl = 'https://github.com/sponsors/Viren070';
const kofiUrl = 'https://ko-fi.com/Viren070';
return (
<Modal open={open} onOpenChange={onOpenChange} title="Support AIOStreams">
<div className="flex flex-col gap-5 items-center text-center p-2">
<div className="flex flex-col gap-2 items-center">
<span className="text-3xl">💖</span>
<h2 className="text-xl font-bold">Donate to Me</h2>
<p className="text-sm text-muted-foreground max-w-md">
AIOStreams is a solo project built and maintained by me in my free
time. If you find it useful, please consider supporting my work.
Your donation helps me keep the project alive and improve it for
everyone!
</p>
</div>
<div className="flex flex-col gap-3 w-full mt-2">
<Button
intent="alert-subtle"
onClick={() => window.open(githubSponsorsUrl, '_blank')}
leftIcon={<SiGithubsponsors />}
className="w-full"
>
GitHub Sponsors
</Button>
<Button
intent="alert-subtle"
onClick={() => window.open(kofiUrl, '_blank')}
leftIcon={<SiKofi />}
className="w-full"
>
Ko-fi
</Button>
</div>
</div>
</Modal>
);
}
|