update title

src/pages/master/municipios/blocks/AddDialog.tsx

@@ -56,7 +56,7 @@ const AddDialog = () => {
         reload();
         toast.success('Municipio created successfully!');
         const createActivity = {
-          module: 'Manage Municipios',
+          module: 'Manage Municipio',
           description: `Create Municipio => ${formField.name}`,
           action: 'C'
         };
@@ -107,52 +107,36 @@ const AddDialog = () => {
 
   return (
     <Dialog open={showAddDialog} onOpenChange={(open) => handleAddDialog(open)}>
-      <DialogContent className="container-fixed max-w-96 flex flex-col p-5 overflow-hidden [&>button]:hidden">
-        <DialogTitle></DialogTitle>
-        <DialogDescription></DialogDescription>
-        <DialogHeader className="p-2 border-0">
-          <div className="flex items-center justify-between flex-wrap grow">
-            <div className="flex flex-col justify-center">
-              <h1 className="text-xl font-semibold leading-none text-gray-900">Add Municipios</h1>
-              <div className="flex items-center gap-2 text-sm font-normal text-gray-700"></div>
-            </div>
-            <div
-              className="cursor-pointer hover:opacity-100 opacity-50"
-              onClick={() => {
-                handleAddDialog(false);
-                resetForm();
-              }}
-            >
-              <KeenIcon icon="cross" className="text-1.5xl" />
-            </div>
-          </div>
+      <DialogContent className="container-fixed max-w-[768px] flex flex-col p-5 overflow-hidden">
+        <DialogHeader>
+          <DialogTitle>Municipio - Create</DialogTitle>
+          <DialogDescription></DialogDescription>
         </DialogHeader>
-        <DialogBody className="scrollable-y px-0 pb-0" ref={parentRef}>
-          <div className="flex flex-col px-0">
+        <DialogBody>
+          <div className="flex flex-col">
             {alert.show && (
-              <Alert variant="danger" className="mb-5">
-                {alert.message}
+              <Alert variant="danger">
+                <h3>{alert.message}</h3>
               </Alert>
             )}
-            <form action="" onSubmit={handleSubmit}>
-              <div className="card-body grid-cols-6 gap-5 p-0">
-                <div className="grid grid-cols-8 gap-2 w-full items-center">
-                  <label className="form-label flex items-center gap-1 col-span-2">
-                    Name<span className="text-red-500">*</span>
-                  </label>
 
-                  <Input
-                    className="input col-span-6"
-                    type="text"
-                    autoComplete="off"
-                    value={formField.name}
-                    onChange={({ target }) =>
-                      setFormField((prev) => ({ ...prev, name: target.value }))
-                    }
-                  />
+            <form onSubmit={handleSubmit}>
+              <div className="card-body grid gap-5">
+                <div className="w-full">
+                  <div className="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
+                    <label className="form-label flex items-center gap-1 max-w-56">
+                      Municipio Name<span className="text-red-500">*</span>
+                    </label>
+                    <Input
+                      className="input"
+                      type="text"
+                      value={formField.name}
+                      onChange={(e) => setFormField({ ...formField, name: e.target.value })}
+                    />
+                  </div>
                 </div>
 
-                <div className="flex justify-end pt-2.5 gap-5 col-span-6">
+                <div className="flex justify-end pt-2.5 gap-5">
                   <Button variant={'outline'} type="reset" onClick={handleReset}>
                     Reset
                   </Button>

src/pages/master/municipios/blocks/DeleteDialog.tsx

@@ -43,7 +43,7 @@ const DeleteDialog = () => {
       reload();
 
       const createActivity = {
-        module: 'Manage Municipios',
+        module: 'Manage Municipio',
         description: `Delete Municipio => ${selectedMunicipios}`,
         action: 'D'
       };

src/pages/master/municipios/blocks/EditDialog.tsx

@@ -21,7 +21,6 @@ import { doSaveLogActivity } from '@/actions/GlobalActions';
 const API_URL = apiConfig.service_master_data;
 
 const EditDialog = () => {
-  const parentRef = useRef<any | null>(null);
   const { showEditDialog, handleEditDialog, selectedMunicipios, municipios } =
     useManageMunicipiosContext();
   const { reload } = useDataGrid();
@@ -131,7 +130,7 @@ const EditDialog = () => {
     <Dialog open={showEditDialog} onOpenChange={(open) => handleEditDialog(open, null)}>
       <DialogContent className="container-fixed max-w-[768px] flex flex-col p-5 overflow-hidden">
         <DialogHeader>
-          <DialogTitle>Municipios - Update</DialogTitle>
+          <DialogTitle>Municipio - Update</DialogTitle>
           <DialogDescription></DialogDescription>
         </DialogHeader>
         <DialogBody>
@@ -147,7 +146,7 @@ const EditDialog = () => {
                 <div className="w-full">
                   <div className="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                     <label className="form-label flex items-center gap-1 max-w-56">
-                      Name<span className="text-red-500">*</span>
+                      Municipio Name<span className="text-red-500">*</span>
                     </label>
                     <Input
                       className="input"
@@ -158,7 +157,7 @@ const EditDialog = () => {
                   </div>
                 </div>
 
-                <div className="flex justify-end">
+                <div className="flex justify-end pt-2.5">
                   <Button className="btn btn-primary">Save Changes</Button>
                 </div>
               </div>

src/pages/master/municipios/blocks/ListToolbar.tsx

@@ -28,7 +28,7 @@ const ListToolbar = () => {
               <KeenIcon icon="magnifier" />
               <input
                 type="text"
-                placeholder="Search Municipios"
+                placeholder="Search Municipio"
                 value={(table.getColumn('name')?.getFilterValue() as string) ?? ''}
                 onChange={(event) => table.getColumn('name')?.setFilterValue(event.target.value)}
               />