From 84a0c3981008794d4f7791a7951c636436e62975 Mon Sep 17 00:00:00 2001
From: Adithya Krishna <adi@documenso.com>
Date: Wed, 20 Dec 2023 10:36:06 +0530
Subject: [PATCH] chore: made requested changes

Signed-off-by: Adithya Krishna <adi@documenso.com>
---
 .../documents/delete-document-dialog.tsx          | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/app/(dashboard)/documents/delete-document-dialog.tsx b/apps/web/src/app/(dashboard)/documents/delete-document-dialog.tsx
index 11560aa21..7b82f93bc 100644
--- a/apps/web/src/app/(dashboard)/documents/delete-document-dialog.tsx
+++ b/apps/web/src/app/(dashboard)/documents/delete-document-dialog.tsx
@@ -41,10 +41,16 @@ export const DeleteDocumentDialog = ({
   const { mutateAsync: deleteDocument, isLoading } = trpcReact.document.deleteDocument.useMutation({
     onSuccess: () => {
       router.refresh();
+      const deletedFileToastDescription = (
+        <p>
+          Your document <span className="text-documenso">{documentTitle}</span> has been
+          successfully deleted.
+        </p>
+      );
 
       toast({
         title: 'Document deleted',
-        description: `Your document "${documentTitle}" has been successfully deleted.`,
+        description: deletedFileToastDescription,
         duration: 5000,
       });
 
@@ -74,7 +80,10 @@ export const DeleteDocumentDialog = ({
     <Dialog open={open} onOpenChange={(value) => !isLoading && onOpenChange(value)}>
       <DialogContent>
         <DialogHeader>
-          <DialogTitle>Do you want to delete this document?</DialogTitle>
+          <DialogTitle>
+            Do you want to delete the <span className="text-documenso">{documentTitle}</span>{' '}
+            document?
+          </DialogTitle>
 
           <DialogDescription>
             Please note that this action is irreversible. Once confirmed, your document will be
@@ -83,7 +92,7 @@ export const DeleteDocumentDialog = ({
         </DialogHeader>
 
         {status !== DocumentStatus.DRAFT && (
-          <div className="mt-8">
+          <div className="mt-4">
             <Input
               type="text"
               value={inputValue}