gitscope
← marzneshin / v0.3.0-alpha5 / dashboard/src/features/users/dialogs/settings/user-info/subcription-link-button.tsx
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/features/users/dialogs/settings/user-info/subcription-link-button.tsx · TypeScript
Blame Raw
 1import { useTranslation } from 'react-i18next';
 2import { CopyToClipboardButton } from '@marzneshin/components';
 3import { FC } from 'react';
 4import { SquareCode } from 'lucide-react';
 5import { getSubscriptionLink } from '@marzneshin/utils';
 6
 7interface SubscriptionLinkButtonProps {
 8    subscriptionLink: string;
 9}
10
11export const SubscriptionLinkButton: FC<SubscriptionLinkButtonProps> = ({ subscriptionLink }) => {
12    const { t } = useTranslation();
13
14    return (
15        <CopyToClipboardButton
16            text={getSubscriptionLink(subscriptionLink)}
17            successMessage={t('page.users.settings.subscription_link.copied')}
18            copyLabel={t('page.users.settings.subscription_link.copy')}
19            errorLabel={t('page.users.settings.subscription_link.error')}
20            copyIcon={SquareCode}
21            className="w-full"
22        />
23    );
24};