From 83e02eeeaa56d37b2817c0f8d47eb56c9b83df03 Mon Sep 17 00:00:00 2001
From: Linkie Link <linkielink.dev@gmail.com>
Date: Mon, 11 Sep 2023 17:23:39 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20fixed=20p=20can=E2=80=99t=20be=20an=20as?=
 =?UTF-8?q?sendence=20of=20p=20(#455)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Modals/Account/AccountDeleteAlertDialog.tsx | 4 ++--
 src/components/Modals/Account/AccountDeleteModal.tsx       | 2 +-
 src/components/Modals/AlertDialog/index.tsx                | 6 +++++-
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/Modals/Account/AccountDeleteAlertDialog.tsx b/src/components/Modals/Account/AccountDeleteAlertDialog.tsx
index 29d5eb52..2c658579 100644
--- a/src/components/Modals/Account/AccountDeleteAlertDialog.tsx
+++ b/src/components/Modals/Account/AccountDeleteAlertDialog.tsx
@@ -10,14 +10,14 @@ interface Props {
   positiveButton: AlertDialogButton
 }
 
-export default function AccoundDeleteAlertDialog(props: Props) {
+export default function AccountDeleteAlertDialog(props: Props) {
   const { open: showAlertDialog } = useAlertDialog()
   const { title, description, closeHandler, positiveButton } = props
 
   useEffect(() => {
     showAlertDialog({
       icon: (
-        <div className='flex h-full w-full p-3'>
+        <div className='flex w-full h-full p-3'>
           <InfoCircle />
         </div>
       ),
diff --git a/src/components/Modals/Account/AccountDeleteModal.tsx b/src/components/Modals/Account/AccountDeleteModal.tsx
index 33cd7a99..c46d13d2 100644
--- a/src/components/Modals/Account/AccountDeleteModal.tsx
+++ b/src/components/Modals/Account/AccountDeleteModal.tsx
@@ -103,7 +103,7 @@ function AccountDeleteModal(props: Props) {
       title={`Delete Credit Account ${accountId}`}
       description={
         <>
-          <Text className='text-white/50' size='sm'>
+          <Text className='mt-2 text-white/50' size='sm'>
             The following assets within your credit account will be sent to your wallet.
           </Text>
           <div className='flex flex-col w-full gap-4 py-4 overflow-y-scroll max-h-100 scrollbar-hide'>
diff --git a/src/components/Modals/AlertDialog/index.tsx b/src/components/Modals/AlertDialog/index.tsx
index beb79784..94548c7e 100644
--- a/src/components/Modals/AlertDialog/index.tsx
+++ b/src/components/Modals/AlertDialog/index.tsx
@@ -52,7 +52,11 @@ function AlertDialog(props: Props) {
       hideCloseBtn
     >
       <Text size='xl'>{title}</Text>
-      <Text className='mt-2 text-white/60'>{description}</Text>
+      {typeof description === 'string' ? (
+        <Text className='mt-2 text-white/60'>{description}</Text>
+      ) : (
+        description
+      )}
       <div
         className={classNames('mt-10 flex justify-between', positiveButton && 'flex-row-reverse')}
       >