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

assets/src/components/detoursTable.tsx

@@ -7,7 +7,7 @@ import { SimpleDetour } from "../models/detoursList"
 import { EmptyDetourTableIcon } from "../helpers/skateIcons"
 
 interface DetoursTableProps {
-  data: SimpleDetour[] | null
+  data: SimpleDetour[] | undefined
   status: DetourStatus
 }
 
@@ -31,7 +31,7 @@ export const timestampLabelFromStatus = (status: DetourStatus) => {
 }
 
 export const DetoursTable = ({ data, status }: DetoursTableProps) => (
-  <Table hover={data !== null} className="c-detours-table">
+  <Table hover={!!data} className="c-detours-table">
     <thead className="u-hide-for-mobile">
       <tr>
         <th className="px-3 py-4">Route and direction</th>
@@ -42,10 +42,10 @@ export const DetoursTable = ({ data, status }: DetoursTableProps) => (
       </tr>
     </thead>
     <tbody>
-      {data === null ? (
-        <EmptyDetourRows message={`No ${status} detours.`} />
-      ) : (
+      {data ? (
         <PopulatedDetourRows data={data} />
+      ) : (
+        <EmptyDetourRows message={`No ${status} detours.`} />
       )}
     </tbody>
   </Table>