add crud manage menus

src/pages/menu/manage-menu/blocks/AddDIalog.tsx

@@ -32,7 +32,6 @@ const AddDialog = () => {
     id_parent: '',
     order_number: 0,
     icon: '',
-    application: '',
     status: ''
   };
   const [formField, setFormField] = useState(initialState);
@@ -64,14 +63,13 @@ const AddDialog = () => {
       formField.name === '' ||
       formField.link === '' ||
       formField.order_number === 0 ||
-      formField.application === '' ||
       formField.status === ''
     ) {
       setAlert({ show: true, message: 'Please fill in all required fields.' });
       return;
     }
 
-    // doCreateMenu(e);
+    doCreateMenu(e);
     console.log(formField);
     setAlert({ show: false, message: '' });
   };
@@ -182,20 +180,6 @@ const AddDialog = () => {
                   </div>
                 </div>
 
-                <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">
-                      Application<span className="text-red-500">*</span>
-                    </label>
-                    <Input
-                      className="input"
-                      type="text"
-                      value={formField.application}
-                      onChange={(e) => setFormField({ ...formField, application: e.target.value })}
-                    />
-                  </div>
-                </div>
-
                 <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">

src/pages/menu/manage-menu/blocks/DeleteDialog.tsx

@@ -2,9 +2,9 @@ import { apiConfig } from '@/config/api.config';
 import { useManageMenusContext } from '../hooks/useManageMenusContext';
 import { Alert, useDataGrid } from '@/components';
 import { useCallApi } from '@/hooks';
-import React, { ChangeEvent, useCallback, useState } from 'react';
+import { ChangeEvent, useCallback, useState } from 'react';
 import { toast } from 'sonner';
-import { Dialog, DialogContent, DialogFooter, DialogHeader } from '@/components/ui/dialog';
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from '@/components/ui/dialog';
 import { EnforceSwitch } from '@/components/switch';
 import { Button } from '@/components/ui/button';
 
@@ -39,6 +39,8 @@ const DeleteDialog = () => {
     <Dialog open={showDeleteDialog} onOpenChange={(open) => handleDeleteDialog(open, null)}>
       <DialogContent className="container-fixed max-w-md flex flex-col p-5 overflow-hidden [&>button]:hidden">
         <DialogHeader className="p-0 border-0 block">
+          <DialogTitle></DialogTitle>
+          <DialogDescription></DialogDescription>
           <Alert variant="warning">
             <h3 className="text-lg">Are you sure?</h3>
             <span className="text-sm">you will delete this data!</span>

src/pages/menu/manage-menu/blocks/EditDialog.tsx

@@ -31,7 +31,6 @@ const EditDialog = () => {
     id_parent: '',
     order_number: 0,
     icon: '',
-    application: '',
     status: ''
   };
   const [formField, setFormField] = useState(initialState);
@@ -60,14 +59,13 @@ const EditDialog = () => {
       formField.name === '' ||
       formField.link === '' ||
       formField.order_number === 0 ||
-      formField.application === '' ||
       formField.status === ''
     ) {
       setAlert({ show: true, message: 'Please fill in all required fields.' });
       return;
     }
 
-    // doUpdateMenu(e);
+    doUpdateMenu(e);
     console.log(formField);
     setAlert({ show: false, message: '' });
   };
@@ -178,20 +176,6 @@ const EditDialog = () => {
                   </div>
                 </div>
 
-                <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">
-                      Application<span className="text-red-500">*</span>
-                    </label>
-                    <Input
-                      className="input"
-                      type="text"
-                      value={formField.application}
-                      onChange={(e) => setFormField({ ...formField, application: e.target.value })}
-                    />
-                  </div>
-                </div>
-
                 <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">

src/pages/menu/manage-menu/hooks/ManageMenusContext.tsx

@@ -24,7 +24,6 @@ interface MenuProps {
   id_parent: string;
   order_number: number;
   icon: string;
-  application: string;
   status: string;
 }