From 1d3da92e97829ebe66f139c780b032962f9a63f6 Mon Sep 17 00:00:00 2001
From: Sean Cassiere <33615041+SeanCassiere@users.noreply.github.com>
Date: Sun, 23 Jun 2024 00:02:37 +1200
Subject: [PATCH] feat: remove tooltip on the selector on the fleet status
 widget (#374)

---
 .../widget-grid/widgets/vehicle-status.tsx    | 45 ++++++++-----------
 1 file changed, 19 insertions(+), 26 deletions(-)

diff --git a/src/routes/_auth/(dashboard)/-components/widget-grid/widgets/vehicle-status.tsx b/src/routes/_auth/(dashboard)/-components/widget-grid/widgets/vehicle-status.tsx
index 38865641..ce38ce6c 100644
--- a/src/routes/_auth/(dashboard)/-components/widget-grid/widgets/vehicle-status.tsx
+++ b/src/routes/_auth/(dashboard)/-components/widget-grid/widgets/vehicle-status.tsx
@@ -97,32 +97,25 @@ export default function VehicleStatusWidget(props: CommonWidgetProps) {
       <div className="flex max-h-8 shrink-0 items-center justify-between gap-2">
         <div className="flex grow items-center justify-between">
           <span className="font-medium">{widgetName}</span>
-          <Tooltip delayDuration={250}>
-            <Select value={vehicleTypeId} onValueChange={setVehicleTypeId}>
-              <TooltipTrigger asChild>
-                <SelectTrigger className="h-8 w-auto gap-2">
-                  <SelectValue placeholder="Select a vehicle type" />
-                </SelectTrigger>
-              </TooltipTrigger>
-              <SelectContent align="end">
-                <SelectGroup>
-                  <SelectLabel>Vehicle types</SelectLabel>
-                  <SelectItem value="0">All</SelectItem>
-                  {vehicleTypes.map((type, idx) => (
-                    <SelectItem
-                      key={`vehicle_status_v_type_${idx}`}
-                      value={String(type.id)}
-                    >
-                      {type.value}
-                    </SelectItem>
-                  ))}
-                </SelectGroup>
-              </SelectContent>
-            </Select>
-            <TooltipContent align="start">
-              <p>Filter the fleet by vehicle type.</p>
-            </TooltipContent>
-          </Tooltip>
+          <Select value={vehicleTypeId} onValueChange={setVehicleTypeId}>
+            <SelectTrigger className="h-8 w-auto gap-2">
+              <SelectValue placeholder="Select a vehicle type" />
+            </SelectTrigger>
+            <SelectContent align="end">
+              <SelectGroup>
+                <SelectLabel>Vehicle types</SelectLabel>
+                <SelectItem value="0">All</SelectItem>
+                {vehicleTypes.map((type, idx) => (
+                  <SelectItem
+                    key={`vehicle_status_v_type_${idx}`}
+                    value={String(type.id)}
+                  >
+                    {type.value}
+                  </SelectItem>
+                ))}
+              </SelectGroup>
+            </SelectContent>
+          </Select>
         </div>
         <Button
           type="button"