fix(dashboard): tfl status items fragment key
Co-authored-by: Ona <no-reply@ona.com>
This commit is contained in:
@@ -1,5 +1,5 @@
|
|||||||
import { useQuery } from "@tanstack/react-query"
|
import { useQuery } from "@tanstack/react-query"
|
||||||
import { useEffect, useState } from "react"
|
import { Fragment, useEffect, useState } from "react"
|
||||||
import cn from "./components/lib/cn"
|
import cn from "./components/lib/cn"
|
||||||
import { StatusSeverity, getLineColor, getStatusBorderColor, tflDisruptionsQuery } from "./tfl"
|
import { StatusSeverity, getLineColor, getStatusBorderColor, tflDisruptionsQuery } from "./tfl"
|
||||||
import {
|
import {
|
||||||
@@ -245,16 +245,15 @@ function TFLTile() {
|
|||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
{tflData?.disruptions.map((disruption) => (
|
{tflData?.disruptions.map((disruption) => (
|
||||||
<>
|
<Fragment key={disruption.lineId}>
|
||||||
<TFLDistruptionItem
|
<TFLDistruptionItem
|
||||||
key={disruption.lineId}
|
|
||||||
lineId={disruption.lineId}
|
lineId={disruption.lineId}
|
||||||
lineName={disruption.lineName}
|
lineName={disruption.lineName}
|
||||||
reason={disruption.reason ?? "Unknown reason"}
|
reason={disruption.reason ?? "Unknown reason"}
|
||||||
severity={disruption.statusSeverity}
|
severity={disruption.statusSeverity}
|
||||||
/>
|
/>
|
||||||
<hr className="col-span-2 border-neutral-700" />
|
<hr className="col-span-2 border-neutral-700" />
|
||||||
</>
|
</Fragment>
|
||||||
))}
|
))}
|
||||||
</Tile>
|
</Tile>
|
||||||
)
|
)
|
||||||
|
|||||||
Reference in New Issue
Block a user