diff options
Diffstat (limited to 'src/frontend/app/components')
| -rw-r--r-- | src/frontend/app/components/GroupedTable.tsx | 10 | ||||
| -rw-r--r-- | src/frontend/app/components/RegularTable.tsx | 8 | ||||
| -rw-r--r-- | src/frontend/app/components/StopSheet.tsx | 8 |
3 files changed, 13 insertions, 13 deletions
diff --git a/src/frontend/app/components/GroupedTable.tsx b/src/frontend/app/components/GroupedTable.tsx index fd97d5b..9bdd5a0 100644 --- a/src/frontend/app/components/GroupedTable.tsx +++ b/src/frontend/app/components/GroupedTable.tsx @@ -1,9 +1,9 @@ -import { type StopDetails } from "../routes/estimates-$id"; +import { type Estimate } from "../routes/estimates-$id"; import LineIcon from "./LineIcon"; import { type RegionConfig } from "../data/RegionConfig"; interface GroupedTable { - data: StopDetails; + data: Estimate[]; dataDate: Date | null; regionConfig: RegionConfig; } @@ -17,7 +17,7 @@ export const GroupedTable: React.FC<GroupedTable> = ({ data, dataDate, regionCon } }; - const groupedEstimates = data.estimates.reduce( + const groupedEstimates = data.reduce( (acc, estimate) => { if (!acc[estimate.line]) { acc[estimate.line] = []; @@ -25,7 +25,7 @@ export const GroupedTable: React.FC<GroupedTable> = ({ data, dataDate, regionCon acc[estimate.line].push(estimate); return acc; }, - {} as Record<string, typeof data.estimates>, + {} as Record<string, typeof data>, ); const sortedLines = Object.keys(groupedEstimates).sort((a, b) => { @@ -72,7 +72,7 @@ export const GroupedTable: React.FC<GroupedTable> = ({ data, dataDate, regionCon )} </tbody> - {data?.estimates.length === 0 && ( + {data?.length === 0 && ( <tfoot> <tr> <td colSpan={regionConfig.showMeters ? 4 : 3}> diff --git a/src/frontend/app/components/RegularTable.tsx b/src/frontend/app/components/RegularTable.tsx index 68b732a..868332f 100644 --- a/src/frontend/app/components/RegularTable.tsx +++ b/src/frontend/app/components/RegularTable.tsx @@ -1,10 +1,10 @@ import { useTranslation } from "react-i18next"; -import { type StopDetails } from "../routes/estimates-$id"; +import { type Estimate } from "../routes/estimates-$id"; import LineIcon from "./LineIcon"; import { type RegionConfig } from "../data/RegionConfig"; interface RegularTableProps { - data: StopDetails; + data: Estimate[]; dataDate: Date | null; regionConfig: RegionConfig; } @@ -56,7 +56,7 @@ export const RegularTable: React.FC<RegularTableProps> = ({ </thead> <tbody> - {data.estimates + {data .sort((a, b) => a.minutes - b.minutes) .map((estimate, idx) => ( <tr key={idx}> @@ -80,7 +80,7 @@ export const RegularTable: React.FC<RegularTableProps> = ({ ))} </tbody> - {data?.estimates.length === 0 && ( + {data?.length === 0 && ( <tfoot> <tr> <td colSpan={regionConfig.showMeters ? 4 : 3}> diff --git a/src/frontend/app/components/StopSheet.tsx b/src/frontend/app/components/StopSheet.tsx index 0084c14..4bd75a8 100644 --- a/src/frontend/app/components/StopSheet.tsx +++ b/src/frontend/app/components/StopSheet.tsx @@ -6,7 +6,7 @@ import { Clock, ClockFading, Hourglass, RefreshCw } from "lucide-react"; import LineIcon from "./LineIcon"; import { StopSheetSkeleton } from "./StopSheetSkeleton"; import { ErrorDisplay } from "./ErrorDisplay"; -import { type StopDetails } from "../routes/estimates-$id"; +import { type Estimate } from "../routes/estimates-$id"; import { type RegionId, getRegionConfig } from "../data/RegionConfig"; import { useApp } from "../AppContext"; import "./StopSheet.css"; @@ -24,7 +24,7 @@ interface ErrorInfo { message?: string; } -const loadStopData = async (region: RegionId, stopId: number): Promise<StopDetails> => { +const loadStopData = async (region: RegionId, stopId: number): Promise<Estimate[]> => { const regionConfig = getRegionConfig(region); const resp = await fetch(`${regionConfig.estimatesEndpoint}?id=${stopId}`, { headers: { @@ -48,7 +48,7 @@ export const StopSheet: React.FC<StopSheetProps> = ({ const { t } = useTranslation(); const { region } = useApp(); const regionConfig = getRegionConfig(region); - const [data, setData] = useState<StopDetails | null>(null); + const [data, setData] = useState<Estimate[] | null>(null); const [loading, setLoading] = useState(false); const [error, setError] = useState<ErrorInfo | null>(null); const [lastUpdated, setLastUpdated] = useState<Date | null>(null); @@ -120,7 +120,7 @@ export const StopSheet: React.FC<StopSheetProps> = ({ // Show only the next 4 arrivals const limitedEstimates = - data?.estimates.sort((a, b) => a.minutes - b.minutes).slice(0, 4) || []; + data?.sort((a, b) => a.minutes - b.minutes).slice(0, 4) || []; return ( <Sheet |
