feat: updating the dialog and page of document

This commit is contained in:
Rohit Saluja
2024-03-12 20:38:11 +05:30
parent d8911ee97b
commit 3b65447b0f
2 changed files with 12 additions and 8 deletions

View File

@ -34,7 +34,7 @@ export const DeleteDocumentDialog = ({ document }: DeleteDocumentDialogProps) =>
const handleDeleteDocument = async () => {
try {
await deleteDocument({ id: 1, userId: 1 });
await deleteDocument({ id: document.id, userId: document.userId });
toast({
title: 'Document deleted',
description: 'The Document has been deleted successfully.',
@ -68,22 +68,21 @@ export const DeleteDocumentDialog = ({ document }: DeleteDocumentDialogProps) =>
variant="neutral"
>
<div>
<AlertTitle>Delete Account</AlertTitle>
<AlertTitle>Delete Document</AlertTitle>
<AlertDescription className="mr-2">
Delete the users account and all its contents. This action is irreversible and will
cancel their subscription, so proceed with caution.
Delete the document. This action is irreversible so proceed with caution.
</AlertDescription>
</div>
<div className="flex-shrink-0">
<Dialog>
<DialogTrigger asChild>
<Button variant="destructive">Delete Account</Button>
<Button variant="destructive">Delete Document</Button>
</DialogTrigger>
<DialogContent>
<DialogHeader className="space-y-4">
<DialogTitle>Delete Account</DialogTitle>
<DialogTitle>Delete Document</DialogTitle>
<Alert variant="destructive">
<AlertDescription className="selection:bg-red-100">
@ -93,7 +92,7 @@ export const DeleteDocumentDialog = ({ document }: DeleteDocumentDialogProps) =>
</DialogHeader>
<div>
<DialogDescription>To confirm, please the reason</DialogDescription>
<DialogDescription>To confirm, please enter the reason</DialogDescription>
<Input
className="mt-2"
@ -109,7 +108,7 @@ export const DeleteDocumentDialog = ({ document }: DeleteDocumentDialogProps) =>
loading={isDeletingDocument}
variant="destructive"
>
{isDeletingDocument ? 'Deleting account...' : 'Delete Account'}
{isDeletingDocument ? 'Deleting document...' : 'Delete Document'}
</Button>
</DialogFooter>
</DialogContent>

View File

@ -13,6 +13,7 @@ import { DocumentStatus } from '~/components/formatter/document-status';
import { LocaleDate } from '~/components/formatter/locale-date';
import { AdminActions } from './admin-actions';
import { DeleteDocumentDialog } from './delete-document-dialog';
import { RecipientItem } from './recipient-item';
type AdminDocumentDetailsPageProps = {
@ -81,6 +82,10 @@ export default async function AdminDocumentDetailsPage({ params }: AdminDocument
))}
</Accordion>
</div>
<hr className="my-4" />
{document && <DeleteDocumentDialog document={document} />}
</div>
);
}