← marzneshin
/
v0.3.0-alpha6
/
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};