member kyc

src/components/ui/DataTable.tsx

@@ -23,13 +23,14 @@ import {
 import { useState } from 'react';
 import { Input } from './input';
 import { Button } from './button';
+import { KeenIcon } from '@/components';
 import {
   Dialog,
   DialogContent,
   DialogDescription,
   DialogHeader,
   DialogTitle,
-  DialogTrigger
+  DialogTrigger,
 } from './dialog';
 
 interface DataTableProps<TData, TValue> {
@@ -109,18 +110,18 @@ export function DataTable<TData, TValue>({
                   ))}
                   <TableCell>
                     <div className="space-x-2">
-                      <Button
-                        className="bg-blue-500 text-white px-2 py-1 rounded"
+                      <button
+                        className="btn btn-sm btn-icon btn-clear btn-light"
                         onClick={() => onUpdate(row.original)}>
-                        Update
-                      </Button>
+                        <KeenIcon icon="notepad-edit" />
+                      </button>
                       {
                         onDelete ? (
-                          <Button
-                            className="bg-red-500 text-white px-2 py-1 rounded"
-                            onClick={() => onDelete(row.original)}>
-                            Delete
-                          </Button>
+                          <button
+                          className="btn btn-sm btn-icon btn-clear btn-light"
+                          onClick={() => onDelete(row.original)}>
+                          <KeenIcon icon="trash" />
+                        </button>
                         ) : ('')
                       }
                     </div>