From b698138b67e14e05a97ba8c2b598264cb293ee2e Mon Sep 17 00:00:00 2001
From: Tristan Yang <yanggc888@163.com>
Date: Mon, 12 Jun 2023 18:44:59 +0800
Subject: [PATCH] chore: compact confirm modal

---
 src/components/LeaveChannel/LeaveConfirmModal.tsx  | 2 +-
 src/components/LeaveChannel/TransferOwnerModal.tsx | 2 +-
 src/routes/settingChannel/DeleteConfirmModal.tsx   | 2 +-
 src/routes/settingDM/DeleteConfirmModal.tsx        | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/LeaveChannel/LeaveConfirmModal.tsx b/src/components/LeaveChannel/LeaveConfirmModal.tsx
index 92d1dcfb..4270e88d 100644
--- a/src/components/LeaveChannel/LeaveConfirmModal.tsx
+++ b/src/components/LeaveChannel/LeaveConfirmModal.tsx
@@ -30,7 +30,7 @@ const LeaveConfirmModal: FC<Props> = ({ id, closeModal, handleNextStep }) => {
   return (
     <Modal id="modal-modal">
       <StyledModal
-        className="compact"
+        compact
         title={t("channel.leave")}
         description={isOwner ? t("channel.transfer_desc") : t("channel.leave_desc")}
         buttons={
diff --git a/src/components/LeaveChannel/TransferOwnerModal.tsx b/src/components/LeaveChannel/TransferOwnerModal.tsx
index fb38b20f..fe0a67bd 100644
--- a/src/components/LeaveChannel/TransferOwnerModal.tsx
+++ b/src/components/LeaveChannel/TransferOwnerModal.tsx
@@ -55,7 +55,7 @@ const TransferOwnerModal: FC<Props> = ({ id, closeModal, withLeave = true }) =>
   return (
     <Modal id="modal-modal">
       <StyledModal
-        className="compact"
+        compact
         title="Transfer Ownership"
         description={"This cannot be undone."}
         buttons={
diff --git a/src/routes/settingChannel/DeleteConfirmModal.tsx b/src/routes/settingChannel/DeleteConfirmModal.tsx
index 405ff4a6..214c8c3b 100644
--- a/src/routes/settingChannel/DeleteConfirmModal.tsx
+++ b/src/routes/settingChannel/DeleteConfirmModal.tsx
@@ -34,7 +34,7 @@ const DeleteConfirmModal: FC<Props> = ({ id, closeModal }) => {
   return (
     <Modal id="modal-modal">
       <StyledModal
-        className="compact"
+        compact
         title={t("channel.delete")}
         description={t("channel.delete_desc")}
         buttons={
diff --git a/src/routes/settingDM/DeleteConfirmModal.tsx b/src/routes/settingDM/DeleteConfirmModal.tsx
index f0aba803..9dba6398 100644
--- a/src/routes/settingDM/DeleteConfirmModal.tsx
+++ b/src/routes/settingDM/DeleteConfirmModal.tsx
@@ -34,7 +34,7 @@ const DeleteConfirmModal: FC<Props> = ({ id, closeModal }) => {
   return (
     <Modal id="modal-modal">
       <StyledModal
-        className="compact"
+        compact
         title={t("dm.delete")}
         description={t("dm.delete_desc")}
         buttons={