35 lines
955 B
TypeScript
35 lines
955 B
TypeScript
'use client';
|
|
|
|
import { useRouter } from 'next/navigation';
|
|
import { useTranslations } from 'next-intl';
|
|
|
|
import { Button } from '@/components/ui/common/Button';
|
|
import { CardContainer } from '@/components/ui/elements/CardContainer';
|
|
import { ConfirmModal } from '@/components/ui/elements/ConfirmModal';
|
|
|
|
export const DeactivateCard = () => {
|
|
const t = useTranslations('dashboard.settings.account.deactivation');
|
|
|
|
const router = useRouter();
|
|
|
|
return (
|
|
<CardContainer
|
|
description={t('description')}
|
|
heading={t('heading')}
|
|
rightContent={(
|
|
<div className="flex items-center gap-x-4">
|
|
<ConfirmModal
|
|
heading={t('confirmModal.heading')}
|
|
message={t('confirmModal.message')}
|
|
onConfirm={() => { router.push('/account/deactivate'); }}
|
|
>
|
|
<Button>
|
|
{t('button')}
|
|
</Button>
|
|
</ConfirmModal>
|
|
</div>
|
|
)}
|
|
/>
|
|
);
|
|
};
|