From 73c7b1bddc9c69c120e7cd5a620134a824beb4db Mon Sep 17 00:00:00 2001
From: Kunal Vishwakarma <116634168+kunalv17@users.noreply.github.com>
Date: Thu, 30 Mar 2023 20:25:04 +0530
Subject: [PATCH] fix: modal typo (#629)

* fix: modal width inconsistency

* fix: modal typo
---
 apps/app/components/cycles/delete-cycle-modal.tsx      |  6 +++---
 apps/app/components/issues/delete-issue-modal.tsx      |  2 +-
 apps/app/components/modules/delete-module-modal.tsx    |  6 +++---
 .../components/workspace/delete-workspace-modal.tsx    | 10 +++++-----
 4 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/apps/app/components/cycles/delete-cycle-modal.tsx b/apps/app/components/cycles/delete-cycle-modal.tsx
index e7a69b36b..4464c54d9 100644
--- a/apps/app/components/cycles/delete-cycle-modal.tsx
+++ b/apps/app/components/cycles/delete-cycle-modal.tsx
@@ -106,9 +106,9 @@ export const DeleteCycleModal: React.FC<TConfirmCycleDeletionProps> = ({
                       </Dialog.Title>
                       <div className="mt-2">
                         <p className="text-sm text-gray-500">
-                          Are you sure you want to delete cycle - {`"`}
-                          <span className="italic">{data?.name}</span>
-                          {`"`} ? All of the data related to the cycle will be permanently removed.
+                          Are you sure you want to delete cycle-{" "}
+                          <span className="font-bold">{data?.name}</span>
+                          ? All of the data related to the cycle will be permanently removed.
                           This action cannot be undone.
                         </p>
                       </div>
diff --git a/apps/app/components/issues/delete-issue-modal.tsx b/apps/app/components/issues/delete-issue-modal.tsx
index 6bd41619f..0027e6d83 100644
--- a/apps/app/components/issues/delete-issue-modal.tsx
+++ b/apps/app/components/issues/delete-issue-modal.tsx
@@ -133,7 +133,7 @@ export const DeleteIssueModal: React.FC<Props> = ({ isOpen, handleClose, data })
                       Are you sure you want to delete issue{" "}
                       <span className="break-all font-semibold">
                         {data?.project_detail.identifier}-{data?.sequence_id}
-                      </span>{" "}
+                      </span>{""}
                       ? All of the data related to the issue will be permanently removed. This
                       action cannot be undone.
                     </p>
diff --git a/apps/app/components/modules/delete-module-modal.tsx b/apps/app/components/modules/delete-module-modal.tsx
index 60c4e5135..97663b6b9 100644
--- a/apps/app/components/modules/delete-module-modal.tsx
+++ b/apps/app/components/modules/delete-module-modal.tsx
@@ -102,9 +102,9 @@ export const DeleteModuleModal: React.FC<Props> = ({ isOpen, setIsOpen, data })
                       </Dialog.Title>
                       <div className="mt-2">
                         <p className="text-sm text-gray-500">
-                          Are you sure you want to delete module - {`"`}
-                          <span className="italic">{data?.name}</span>
-                          {`" ?`} All of the data related to the module will be permanently removed.
+                          Are you sure you want to delete module- {" "}
+                          <span className="font-bold">{data?.name}</span>
+                          ? All of the data related to the module will be permanently removed.
                           This action cannot be undone.
                         </p>
                       </div>
diff --git a/apps/app/components/workspace/delete-workspace-modal.tsx b/apps/app/components/workspace/delete-workspace-modal.tsx
index 501589c81..dc96ee570 100644
--- a/apps/app/components/workspace/delete-workspace-modal.tsx
+++ b/apps/app/components/workspace/delete-workspace-modal.tsx
@@ -115,14 +115,14 @@ export const DeleteWorkspaceModal: React.FC<Props> = ({ isOpen, data, onClose })
                       </Dialog.Title>
                       <div className="mt-2">
                         <p className="text-sm text-gray-500">
-                          Are you sure you want to delete workspace - {`"`}
-                          <span className="italic">{data?.name}</span>
-                          {`"`} ? All of the data related to the workspace will be permanently
+                          Are you sure you want to delete workspace- {" "}
+                          <span className="font-bold">{data?.name}</span>
+                          ? All of the data related to the workspace will be permanently
                           removed. This action cannot be undone.
                         </p>
                       </div>
                       <div className="mt-3">
-                        <p className="text-sm">
+                        <p className="text-sm text-gray-500">
                           Enter the workspace name{" "}
                           <span className="font-semibold">{selectedWorkspace?.name}</span> to
                           continue:
@@ -139,7 +139,7 @@ export const DeleteWorkspaceModal: React.FC<Props> = ({ isOpen, data, onClose })
                         />
                       </div>
                       <div className="mt-3">
-                        <p className="text-sm">
+                        <p className="text-sm text-gray-500">
                           To confirm, type{" "}
                           <span className="font-semibold">delete my workspace</span> below:
                         </p>