add validation empty field on create and update form

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

@@ -72,12 +72,12 @@ const AddDialog = () => {
   const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
 
-    if (formField.name === '') {
+    if (formField.name.trim() === '') {
       setAlert({ show: true, message: 'Please fill name field.' });
       return;
     }
 
-    doCreateMunicipio(e);
+    // doCreateMunicipio(e);
     console.log(parsedUser.email);
     console.log(formField);
     setAlert({ show: false, message: '' });

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

@@ -77,7 +77,7 @@ const EditDialog = () => {
   const handleUpdate = (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
 
-    if (formField.name === '') {
+    if (formField.name.trim() === '') {
       setAlert({ show: true, message: 'Please fill name field.' });
       return;
     }
@@ -88,7 +88,7 @@ const EditDialog = () => {
     //   created_at: formattedTime
     // });
 
-    doUpdateMunicipios(e);
+    // doUpdateMunicipios(e);
     console.log(formField);
     setAlert({ show: false, message: '' });
   };

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

@@ -29,8 +29,8 @@ const ListToolbar = () => {
               <input
                 type="text"
                 placeholder="Search Municipios"
-                value={searchName}
-                onChange={(event) => setSearchName(event.target.value)}
+                value={(table.getColumn('name')?.getFilterValue() as string) ?? ''}
+                onChange={(event) => table.getColumn('name')?.setFilterValue(event.target.value)}
               />
             </label>
             <DefaultTooltip title={'Filter'} placement={'top'}>

src/pages/master/municipios/hooks/ManageMunicipiosContext.tsx

@@ -113,8 +113,9 @@ const ManageMunicipiosProvider = ({ children }: { children: React.ReactNode }) =
         }
       },
       {
-        accessorFn: (row) => row.name,
-        id: 'name',
+        // accessorFn: (row) => row.name,
+        // id: 'name',
+        accessorKey: 'name',
         header: ({ column }) => <DataGridColumnHeader title="Municipios Name" column={column} />,
         enableSorting: true,
         enableHiding: false,