fix(dashboard): tfl status items fragment key

Co-authored-by: Ona <no-reply@ona.com>
This commit is contained in:
2025-10-24 23:08:05 +00:00
parent f884982766
commit d5a53e3532

View File

@@ -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>
) )