Fixed UI Managemember

src/pages/members/manage-members/Columns.tsx

@@ -1,3 +1,4 @@
+import { KeenIcon } from '@/components';
 import { Button } from '@/components/ui/button';
 import {
   DropdownMenu,
@@ -18,7 +19,7 @@ export type Members = {
   created_at: Date;
 };
 
-export const columns: ColumnDef<Members>[] = [
+export const getColumns = (handleUpdate: (data: any) => void): ColumnDef<Members>[] => [
   {
     accessorKey: 'no',
     header: ({ column }) => {
@@ -110,22 +111,12 @@ export const columns: ColumnDef<Members>[] = [
       const dataMembers = row.original;
 
       return (
-        <DropdownMenu>
-          {/* <DropdownMenuTrigger asChild>
-            <Button variant="ghost" className="h-8 w-8 p-0">
-              <span className="sr-only">Open menu</span>
-              <MoreHorizontal className="h-4 w-4" />
-            </Button>
-          </DropdownMenuTrigger> */}
-          {/* <DropdownMenuContent align="end">
-            <DropdownMenuLabel>Actions</DropdownMenuLabel>
-            <DropdownMenuItem
-              onClick={() => navigator.clipboard.writeText(dataMembers.id.toString())}
-            >
-              Copy account ID
-            </DropdownMenuItem>
-          </DropdownMenuContent> */}
-        </DropdownMenu>
+        <button
+          className="btn btn-sm btn-icon btn-clear btn-light"
+          onClick={() => handleUpdate(dataMembers)}
+        >
+          <KeenIcon icon="notepad-edit" />
+        </button>
       );
     }
   }