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

View File

@ -11,14 +11,14 @@ import {
} from "@mui/material"
import {CSSTransition, TransitionGroup} from 'react-transition-group'
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)': {
backgroundColor: theme.palette.sncf[tableType].light,
backgroundColor: theme.palette.sncf[tabletype].light,
},
'th, &:nth-of-type(even)': {
backgroundColor: theme.palette.sncf[tableType].dark,
backgroundColor: theme.palette.sncf[tabletype].dark,
},
// hide last border
'&:last-child td, &:last-child th': {
@ -40,7 +40,7 @@ function TrainsTable({stop, date, time, tableType}) {
function TrainsTableHeader({tableType}) {
return <>
<TableHead>
<StyledTableRow tableType={tableType}>
<StyledTableRow tabletype={tableType}>
<TableCell colSpan="2" fontSize={16} fontWeight="bold">Train</TableCell>
<TableCell fontSize={16} fontWeight="bold">Heure</TableCell>
<TableCell fontSize={16} fontWeight="bold">Destination</TableCell>
@ -77,7 +77,8 @@ function TrainsTableBody({stop, date, time, tableType}) {
trainsQuery.refetch().then()
}, [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} />
</CSSTransition>)
@ -138,7 +139,7 @@ function TrainRow({train, tableType}) {
let stopsNames = stops.filter(stopsFilter).map(stopTime => stopTime?.stop.name ?? "").join(", ") ?? ""
return <>
<StyledTableRow tableType={tableType}>
<StyledTableRow tabletype={tableType}>
<TableCell>
<div>
<Box display="flex"