From 399f9eb04271d914f58ae3e41dda58062d3cbe5e Mon Sep 17 00:00:00 2001
From: Raja Oktafrianto <rajaoktafrianto3.com>
Date: Wed, 16 Apr 2025 11:11:52 +0700
Subject: [PATCH] fix position error at manage position

---
 .../user/manage-position/blocks/AddDialog.tsx      | 12 +++++++-----
 .../user/manage-position/blocks/EditDialog.tsx     | 14 ++++++++------
 2 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/src/pages/settings/user/manage-position/blocks/AddDialog.tsx b/src/pages/settings/user/manage-position/blocks/AddDialog.tsx
index b24a4b3..654bb4b 100644
--- a/src/pages/settings/user/manage-position/blocks/AddDialog.tsx
+++ b/src/pages/settings/user/manage-position/blocks/AddDialog.tsx
@@ -150,14 +150,16 @@ const AddDialog = () => {
               Close
             </Button>
           </div>
-        </DialogHeader>
-        <DialogBody className="scrollable-y py-0 mb-5 ps-0 pe-3 -me-7" ref={parentRef}>
-          <div className="flex flex-col items-stretch grow gap-5 lg:gap-7.5">
-            {alert.show && (
+          {alert.show && (
+            <div className="absolute top-5 left-1/2 -translate-x-1/2 top-0 mt-2 z-50 max-w-[20rem]">
               <Alert variant="danger">
                 <h3>{alert.message}</h3>
               </Alert>
-            )}
+            </div>
+          )}
+        </DialogHeader>
+        <DialogBody className="scrollable-y py-0 mb-5 ps-0 pe-3 -me-7" ref={parentRef}>
+          <div className="flex flex-col items-stretch grow gap-5 lg:gap-7.5">
             <form action="" onSubmit={doCreatePosition}>
               <div className="card-body grid gap-5">
                 <div className="w-full">
diff --git a/src/pages/settings/user/manage-position/blocks/EditDialog.tsx b/src/pages/settings/user/manage-position/blocks/EditDialog.tsx
index d000fac..1c4d8b3 100644
--- a/src/pages/settings/user/manage-position/blocks/EditDialog.tsx
+++ b/src/pages/settings/user/manage-position/blocks/EditDialog.tsx
@@ -145,7 +145,7 @@ const EditDialog = () => {
         <DialogHeader className="p-0 border-0">
           <DialogTitle></DialogTitle>
           <DialogDescription></DialogDescription>
-          <div className="flex items-center justify-between flex-wrap grow">
+          <div className="flex items-center justify-between flex-wrap grow relative">
             <div className="flex flex-col justify-center">
               <h1 className="text-xl font-semibold leading-none text-gray-900">Positions - Edit</h1>
             </div>
@@ -156,14 +156,16 @@ const EditDialog = () => {
               <KeenIcon icon="cross" className="text-1.5xl" />
             </div>
           </div>
+          {alert.show && (
+            <div className="absolute left-1/2 -translate-x-1/2 top-0 mt-2 z-50 max-w-[20rem]">
+              <Alert variant="danger">
+                <h3>{alert.message}</h3>
+              </Alert>
+            </div>
+          )}
         </DialogHeader>
         <DialogBody className="scrollable-y px-0 pb-0" ref={parentRef}>
           <div className="flex flex-col px-0">
-            {alert.show && (
-              <Alert variant="danger" className="mb-3">
-                <h3>{alert.message}</h3>
-              </Alert>
-            )}
             <form action="" onSubmit={doEditPosition}>
               <div className="card-body grid gap-5 p-0">
                 <div className="w-full">