menu

src/components/ui/DataTable.tsx

@@ -77,7 +77,7 @@ export function DataTable<TData, TValue>({
         {/* <Button onClick={createData} variant="outline" className="h-7.5 text-[0.8rem]">Add Data</Button> */}
       </div>
       <div className="rounded-md border">
-        <Table>
+        <Table className=''>
           <TableHeader>
             {table.getHeaderGroups().map((headerGroup) => (
               <TableRow key={headerGroup.id}>
@@ -99,7 +99,7 @@ export function DataTable<TData, TValue>({
               table.getRowModel().rows.map((row) => (
                 <TableRow key={row.id} data-state={row.getIsSelected() && 'selected'}>
                   {row.getVisibleCells().map((cell) => (
-                    <TableCell key={cell.id}>
+                    <TableCell style={{ borderRight: "1px solid #ddd" }} key={cell.id}>
                       {flexRender(cell.column.columnDef.cell, cell.getContext())}
                     </TableCell>
                   ))}

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

@@ -210,8 +210,8 @@ const ManageMenusContextProvider = ({ children }: { children: React.ReactNode })
         name: child.name,
         link: child.link,
         id_parent: child.id_parent,
-        status: parent.status,
-        order_number: parent.order_number
+        status: child.status,
+        order_number: child.order_number
       };
     });