From 9b993c08f15cd316f097f23f44d09035b74963c7 Mon Sep 17 00:00:00 2001
From: Ansari <ansari_official@yahoo.com>
Date: Mon, 15 May 2023 15:39:37 +0530
Subject: [PATCH] Truncate prop added

---
 packages/ui/components/dialog/Dialog.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/ui/components/dialog/Dialog.tsx b/packages/ui/components/dialog/Dialog.tsx
index 81aa2d1f1..23a4821d1 100644
--- a/packages/ui/components/dialog/Dialog.tsx
+++ b/packages/ui/components/dialog/Dialog.tsx
@@ -19,6 +19,7 @@ type DialogProps = {
   formValues: FormValue[];
   setLoading: (loading: boolean) => void;
   icon: React.ReactNode;
+  trunate: boolean;
 };
 
 export function Dialog({
@@ -29,11 +30,17 @@ export function Dialog({
   formValues,
   setLoading,
   icon,
+  trunate = true,
 }: DialogProps) {
   const unsentEmailsLength = formValues.filter(
     (s: any) => s.email && s.sendStatus != "SENT"
   ).length;
 
+  if (trunate && document.title.length > 20) {
+    document.title = document.title.substring(0, 7) + "..." +
+      document.title.substring(document.title.length - 7);
+  }
+
   return (
     <Transition.Root show={open} as={Fragment}>
       <DialogComponent as="div" className="relative z-10" onClose={setOpen}>
@@ -71,9 +78,7 @@ export function Dialog({
                     </DialogComponent.Title>
                     <div className="mt-2">
                       <p className="text-sm text-gray-500">
-                        {`"${document.title.length > 20 ? document.title.substring(0, 7) + "..." +
-                          document.title.substring(document.title.length - 7) : document.title}" 
-                            will be sent to ${unsentEmailsLength} recipients.`}
+                        {`"${document.title}" will be sent to ${unsentEmailsLength} recipients.`}
                       </p>
                     </div>
                   </div>