ynerant
/
trainvel
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Suppress warnings

This commit is contained in:
Emmy D'Anello 2024-02-02 23:10:53 +01:00
parent 9910efe507
commit 2120275e14
Signed by: ynerant
GPG Key ID: 3A75C55819C8CF85
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
sncf-station/src/TrainsTable.js
View File

@ -11,14 +11,14 @@ import {
} from "@mui/material" } from "@mui/material"
import {CSSTransition, TransitionGroup} from 'react-transition-group' import {CSSTransition, TransitionGroup} from 'react-transition-group'
import {useQueries, useQuery} from "@tanstack/react-query"; import {useQueries, useQuery} from "@tanstack/react-query";
import {useCallback, useEffect, useMemo} from "react"; import {useCallback, useEffect, useMemo, useRef} from "react";
const StyledTableRow = styled(TableRow)(({ theme, tableType }) => ({ const StyledTableRow = styled(TableRow)(({ theme, tabletype }) => ({
'tbody &:nth-of-type(odd)': { 'tbody &:nth-of-type(odd)': {
backgroundColor: theme.palette.sncf[tableType].light, backgroundColor: theme.palette.sncf[tabletype].light,
}, },
'th, &:nth-of-type(even)': { 'th, &:nth-of-type(even)': {
backgroundColor: theme.palette.sncf[tableType].dark, backgroundColor: theme.palette.sncf[tabletype].dark,
}, },
// hide last border // hide last border
'&:last-child td, &:last-child th': { '&:last-child td, &:last-child th': {
@ -40,7 +40,7 @@ function TrainsTable({stop, date, time, tableType}) {
function TrainsTableHeader({tableType}) { function TrainsTableHeader({tableType}) {
return <> return <>
<TableHead> <TableHead>
<StyledTableRow tableType={tableType}> <StyledTableRow tabletype={tableType}>
<TableCell colSpan="2" fontSize={16} fontWeight="bold">Train</TableCell> <TableCell colSpan="2" fontSize={16} fontWeight="bold">Train</TableCell>
<TableCell fontSize={16} fontWeight="bold">Heure</TableCell> <TableCell fontSize={16} fontWeight="bold">Heure</TableCell>
<TableCell fontSize={16} fontWeight="bold">Destination</TableCell> <TableCell fontSize={16} fontWeight="bold">Destination</TableCell>
@ -77,7 +77,8 @@ function TrainsTableBody({stop, date, time, tableType}) {
trainsQuery.refetch().then() trainsQuery.refetch().then()
}, [trains, filterTime, trainsQuery]) }, [trains, filterTime, trainsQuery])
let table_rows = trains.map((train) => <CSSTransition key={train.id} timeout={500} classNames="shrink"> const nullRef = useRef(null)
let table_rows = trains.map((train) => <CSSTransition key={train.id} timeout={500} classNames="shrink" nodeRef={nullRef}>
<TrainRow train={train} tableType={tableType} /> <TrainRow train={train} tableType={tableType} />
</CSSTransition>) </CSSTransition>)
@ -138,7 +139,7 @@ function TrainRow({train, tableType}) {
let stopsNames = stops.filter(stopsFilter).map(stopTime => stopTime?.stop.name ?? "").join(", ") ?? "" let stopsNames = stops.filter(stopsFilter).map(stopTime => stopTime?.stop.name ?? "").join(", ") ?? ""
return <> return <>
<StyledTableRow tableType={tableType}> <StyledTableRow tabletype={tableType}>
<TableCell> <TableCell>
<div> <div>
<Box display="flex" <Box display="flex"