fixup! feat: Display empty detour table icon when the table is empty

assets/src/components/detoursTable.tsx

@@ -9,22 +9,20 @@ interface DetoursTableProps {
   data: Detour[] | null
 }
 
-export const DetoursTable = ({ data }: DetoursTableProps) => {
-  return (
-    <Table hover className="c-detours-table">
-      <thead className="u-hide-for-mobile">
-        <tr>
-          <th className="px-3 py-4">Route and direction</th>
-          <th className="px-3 py-4 u-hide-for-mobile">Starting Intersection</th>
-          <th className="px-3 py-4 u-hide-for-mobile">On detour since</th>
-        </tr>
-      </thead>
-      <tbody>
-        <DetourRows data={data} />
-      </tbody>
-    </Table>
-  )
-}
+export const DetoursTable = ({ data }: DetoursTableProps) => (
+  <Table hover={data !== null} className="c-detours-table">
+    <thead className="u-hide-for-mobile">
+      <tr>
+        <th className="px-3 py-4">Route and direction</th>
+        <th className="px-3 py-4 u-hide-for-mobile">Starting Intersection</th>
+        <th className="px-3 py-4 u-hide-for-mobile">On detour since</th>
+      </tr>
+    </thead>
+    <tbody>
+      <DetourRows data={data} />
+    </tbody>
+  </Table>
+)
 
 const DetourRows = ({ data }: { data: Detour[] | null }) =>
   data === null ? (