Files
sistema_base/apps/web/feactures/users/components/modal-profile.tsx

58 lines
1.3 KiB
TypeScript

'use client';
import {
Dialog,
DialogContent,
DialogDescription,
DialogHeader,
DialogTitle,
} from '@repo/shadcn/dialog';
import { AccountPlan } from '@/feactures/users/schemas/account-plan.schema';
import { ModalForm } from './update-user-form';
interface AccountPlanModalProps {
open: boolean;
onOpenChange: (open: boolean) => void;
defaultValues?: Partial<AccountPlan>;
}
export function AccountPlanModal({
open,
onOpenChange,
defaultValues,
}: AccountPlanModalProps) {
const handleSuccess = () => {
onOpenChange(false);
};
const handleCancel = () => {
onOpenChange(false);
};
return (
<Dialog
open={open}
onOpenChange={(open) => {
if (!open) {
onOpenChange(false);
}
}}
>
<DialogContent className="sm:max-w-[600px] z-50 backdrop-blur-lg bg-background/80">
<DialogHeader>
<DialogTitle>Actualizar Perfil</DialogTitle>
<DialogDescription>
Complete los campos para actualizar sus datos.<br/>Los campos vacios no seran actualizados.
</DialogDescription>
</DialogHeader>
<ModalForm
onSuccess={handleSuccess}
onCancel={handleCancel}
defaultValues={defaultValues}
/>
</DialogContent>
</Dialog>
);
}