gitscope
/
← marzneshin / dashboard/src/features/support-us/popover.tsx / blame
Files Commits 446 Branches 1 Tags 43 Markers 4 README License
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/features/support-us/popover.tsx · v0.5.5
Source
1 bef7670 Mardin 2y ago import { HeartHandshake } from "lucide-react";
2 bef7670 Mardin 2y ago import { Button, PopoverTrigger, Popover, PopoverContent } from "@marzneshin/components";
3 bef7670 Mardin 2y ago import { type FC, type HTMLAttributes } from "react";
4 bef7670 Mardin 2y ago import { cn } from "@marzneshin/utils";
5 bef7670 Mardin 2y ago import { useTranslation } from "react-i18next";
6 bef7670 Mardin 2y ago import { DonationButton } from "./donation-button";
7 bef7670 Mardin 2y ago
8 bef7670 Mardin 2y ago export interface SupportUsPopoverProps extends HTMLAttributes<HTMLDivElement> {
9 bef7670 Mardin 2y ago donationLink: string;
10 bef7670 Mardin 2y ago }
11 bef7670 Mardin 2y ago
12 bef7670 Mardin 2y ago export const SupportUsPopover: FC<SupportUsPopoverProps> = ({ className, donationLink }) => {
13 bef7670 Mardin 2y ago const { t } = useTranslation();
14 bef7670 Mardin 2y ago return (
15 bef7670 Mardin 2y ago <Popover>
16 bef7670 Mardin 2y ago <PopoverTrigger asChild>
17 bef7670 Mardin 2y ago <Button size="icon" variant="secondary">
18 bef7670 Mardin 2y ago <HeartHandshake />
19 bef7670 Mardin 2y ago </Button>
20 bef7670 Mardin 2y ago </PopoverTrigger>
21 bef7670 Mardin 2y ago <PopoverContent sideOffset={10} className={cn("p-4 flex flex-col w-80 gap-2 text-muted-foreground text-sm", className)}>
22 bef7670 Mardin 2y ago <div className="flex-row flex items-center justify-between w-full text-primary">
23 bef7670 Mardin 2y ago <div className="text-medium flex-row flex gap-1">
24 bef7670 Mardin 2y ago <HeartHandshake /> {t('support-us.title')}
25 bef7670 Mardin 2y ago </div>
26 bef7670 Mardin 2y ago </div>
27 bef7670 Mardin 2y ago <p>{t('support-us.desc')}</p>
28 bef7670 Mardin 2y ago <DonationButton donationLink={donationLink} />
29 bef7670 Mardin 2y ago </PopoverContent>
30 bef7670 Mardin 2y ago </Popover>
31 bef7670 Mardin 2y ago );
32 bef7670 Mardin 2y ago }
33 bef7670 Mardin 2y ago