From 926e72ad74458573ac56385d5276a8c1d49ba560 Mon Sep 17 00:00:00 2001
From: natib21 <yaschalew10@gmail.com>
Date: Sat, 20 Jun 2026 09:15:18 +0000
Subject: [PATCH] fix data table

---
 .../components/fleet/FleetRecordActions.tsx   | 110 +++++++-----------
 1 file changed, 44 insertions(+), 66 deletions(-)

diff --git a/apps/edr-freight-web/backoffice/src/components/fleet/FleetRecordActions.tsx b/apps/edr-freight-web/backoffice/src/components/fleet/FleetRecordActions.tsx
index b6304b4ed..3ec37d092 100644
--- a/apps/edr-freight-web/backoffice/src/components/fleet/FleetRecordActions.tsx
+++ b/apps/edr-freight-web/backoffice/src/components/fleet/FleetRecordActions.tsx
@@ -34,73 +34,9 @@ const FleetRecordActions = ({
 
   if (layout === "compact") {
     return (
-      <Group gap={6} wrap="nowrap" justify="flex-end">
-        {isVehicle && onAssignDriver ? (
-          <Tooltip label="Assign Driver">
-            <ActionIcon
-              variant="subtle"
-              color="blue"
-              size="sm"
-              onClick={() => onAssignDriver(record)}
-            >
-              <Users size={16} strokeWidth={2} />
-            </ActionIcon>
-          </Tooltip>
-        ) : null}
-        <Tooltip label="Edit">
-          <ActionIcon
-            variant="subtle"
-            color="blue"
-            size="sm"
-            onClick={() => onEdit(record)}
-          >
-            <Edit2 size={16} strokeWidth={2} />
-          </ActionIcon>
-        </Tooltip>
-        <Menu position="bottom-end" withinPortal shadow="md">
-          <Menu.Target>
-            <Tooltip label="More actions">
-              <ActionIcon
-                variant="subtle"
-                color="gray"
-                size="sm"
-              >
-                <MoreVertical size={16} strokeWidth={2} />
-              </ActionIcon>
-            </Tooltip>
-          </Menu.Target>
-          <Menu.Dropdown>
-            {showDetail ? (
-              <MenuItem onClick={handleDetail} leftSection={<Eye size={14} strokeWidth={2} />}>
-                View details
-              </MenuItem>
-            ) : null}
-            <MenuItem color="red" onClick={() => onRemove(record)} leftSection={<Trash2 size={14} strokeWidth={2} />}>
-              {removeLabel}
-            </MenuItem>
-          </Menu.Dropdown>
-        </Menu>
-      </Group>
-    );
-  }
-
-  return (
-    <Group gap={6} wrap="nowrap" justify="flex-end">
-      {isVehicle && onAssignDriver ? (
-        <Tooltip label="Assign Driver">
-          <ActionIcon variant="subtle" color="blue" size="sm" onClick={() => onAssignDriver(record)}>
-            <Users size={16} strokeWidth={2} />
-          </ActionIcon>
-        </Tooltip>
-      ) : null}
-      <Tooltip label="Edit">
-        <ActionIcon variant="subtle" color="blue" size="sm" onClick={() => onEdit(record)}>
-          <Edit2 size={16} strokeWidth={2} />
-        </ActionIcon>
-      </Tooltip>
       <Menu position="bottom-end" withinPortal shadow="md">
         <Menu.Target>
-          <Tooltip label="More actions">
+          <Tooltip label="Actions">
             <ActionIcon
               variant="subtle"
               color="gray"
@@ -111,6 +47,14 @@ const FleetRecordActions = ({
           </Tooltip>
         </Menu.Target>
         <Menu.Dropdown>
+          {isVehicle && onAssignDriver ? (
+            <MenuItem onClick={() => onAssignDriver(record)} leftSection={<Users size={14} strokeWidth={2} />}>
+              Assign Driver
+            </MenuItem>
+          ) : null}
+          <MenuItem onClick={() => onEdit(record)} leftSection={<Edit2 size={14} strokeWidth={2} />}>
+            Edit
+          </MenuItem>
           {showDetail ? (
             <MenuItem onClick={handleDetail} leftSection={<Eye size={14} strokeWidth={2} />}>
               View details
@@ -121,7 +65,41 @@ const FleetRecordActions = ({
           </MenuItem>
         </Menu.Dropdown>
       </Menu>
-    </Group>
+    );
+  }
+
+  return (
+    <Menu position="bottom-end" withinPortal shadow="md">
+      <Menu.Target>
+        <Tooltip label="Actions">
+          <ActionIcon
+            variant="subtle"
+            color="gray"
+            size="sm"
+          >
+            <MoreVertical size={16} strokeWidth={2} />
+          </ActionIcon>
+        </Tooltip>
+      </Menu.Target>
+      <Menu.Dropdown>
+        {isVehicle && onAssignDriver ? (
+          <MenuItem onClick={() => onAssignDriver(record)} leftSection={<Users size={14} strokeWidth={2} />}>
+            Assign Driver
+          </MenuItem>
+        ) : null}
+        <MenuItem onClick={() => onEdit(record)} leftSection={<Edit2 size={14} strokeWidth={2} />}>
+          Edit
+        </MenuItem>
+        {showDetail ? (
+          <MenuItem onClick={handleDetail} leftSection={<Eye size={14} strokeWidth={2} />}>
+            View details
+          </MenuItem>
+        ) : null}
+        <MenuItem color="red" onClick={() => onRemove(record)} leftSection={<Trash2 size={14} strokeWidth={2} />}>
+          {removeLabel}
+        </MenuItem>
+      </Menu.Dropdown>
+    </Menu>
   );
 };