ui-soxo-bootstrap-core 2.6.7 → 2.6.8

package/core/components/extra-info/extra-info-details.js

@@ -21,7 +21,7 @@ import ExtraInfo from './extra-info';
 
 const { TabPane } = Tabs;
 
-export default function ExtraInfoDetail({ modeValue, icon, title, tabPosition = 'left', showDrawerData, dbPtr, callback, ...record }) {
+export default function ExtraInfoDetail({ modeValue, icon, title, tabPosition = 'left', showDrawerData, dbPtr, callback, drawerWidth = '35%', ...record }) {
   // State to control drawer
   const [open, setOpen] = useState(false);
 
@@ -121,7 +121,7 @@ export default function ExtraInfoDetail({ modeValue, icon, title, tabPosition =
         {/*  */}
 
         {/*  */}
-        <Drawer width={'35%'} title={title} onClose={onClose} open={open}>
+        <Drawer width={drawerWidth} title={title} onClose={onClose} open={open}>
           <div className="main-drawer-content">
             <div className="drawer-container">
               <div className="drawer-click">

package/core/models/users/components/user-add/user-add.js

@@ -95,7 +95,11 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
   const [body, setBody] = useState(formContent);
 
   const [isPasswordVisible, setIsPasswordVisible] = useState(false);
-  const [visible, setVisible] = useState(false);
+
+  // state for doctor and staff visibility
+  const [doctorVisible, setDoctorVisible] = useState(false);
+  const [staffVisible, setStaffVisible] = useState(false);
+
 
   const formData = {
     ...body,
@@ -541,7 +545,7 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
                             borderTop: '1px solid #f0f0f0',
                             color: '#1890ff',
                           }}
-                          onClick={() => setVisible(true)}
+                          onClick={() => setDoctorVisible(true)}
                         >
                           + Add New Doctor
                         </div>
@@ -570,7 +574,7 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
                             borderTop: '1px solid #f0f0f0',
                             color: '#1890ff',
                           }}
-                          onClick={() => setVisible(true)}
+                          onClick={() => setStaffVisible(true)}
                         >
                           + Add New Staff
                         </div>
@@ -832,15 +836,15 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
       )}
       {/* Render DoctorAdd OUTSIDE the Select */}
       <DoctorAdd
-        visible={visible}
-        onCancel={() => setVisible(false)}
+        visible={doctorVisible}
+        onCancel={() => setDoctorVisible(false)}
         attributes={attributes}
         doctorData={selectedDoctor}
         doctorId={doctorID}
         onSuccess={getDoctors}
       />
 
-      <StaffAdd visible={visible} onCancel={() => setVisible(false)} staffData={selectedStaff} staffId={staffID} onSuccess={getStaff} />
+      <StaffAdd visible={staffVisible} onCancel={() => setStaffVisible(false)} staffData={selectedStaff} staffId={staffID} onSuccess={getStaff} />
     </section>
   );
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui-soxo-bootstrap-core",
-  "version": "2.6.7",
+  "version": "2.6.8",
   "description": "All the Core Components for you to start",
   "keywords": [
     "all in one"