validate logout

src/components/ui/DataTable.tsx

@@ -30,7 +30,7 @@ import {
   DialogDescription,
   DialogHeader,
   DialogTitle,
-  DialogTrigger,
+  DialogTrigger
 } from './dialog';
 
 interface DataTableProps<TData, TValue> {
@@ -67,7 +67,7 @@ export function DataTable<TData, TValue>({
 
   return (
     <div>
-      <div className="flex items-center py-4 justify-between">
+      <div className="flex items-center py-4 justify-between w-full">
         <Input
           placeholder="Search"
           value={(table.getColumn('name')?.getFilterValue() as string) ?? ''}
@@ -107,18 +107,20 @@ export function DataTable<TData, TValue>({
                     <div className="space-x-2">
                       <button
                         className="btn btn-sm btn-icon btn-clear btn-light"
-                        onClick={() => onUpdate(row.original)}>
+                        onClick={() => onUpdate(row.original)}
+                      >
                         <KeenIcon icon="notepad-edit" />
                       </button>
-                      {
-                        onDelete ? (
-                          <button
+                      {onDelete ? (
+                        <button
                           className="btn btn-sm btn-icon btn-clear btn-light"
-                          onClick={() => onDelete(row.original)}>
+                          onClick={() => onDelete(row.original)}
+                        >
                           <KeenIcon icon="trash" />
                         </button>
-                        ) : ('')
-                      }
+                      ) : (
+                        ''
+                      )}
                     </div>
                   </TableCell>
                 </TableRow>