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

Better datetime handle

This commit is contained in:
Emmy D'Anello 2024-11-11 22:28:05 +01:00
parent e58ad34e43
commit f0964d8fb7
Signed by: ynerant
GPG Key ID: 3A75C55819C8CF85
2 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/Station.js
View File

@ -26,7 +26,6 @@ function DateTimeSelector({datetime, setDatetime}) {
Modifier la date et l'heure de recherche : Modifier la date et l'heure de recherche :
</FormLabel> </FormLabel>
<DateTimePicker name="date" label="Date" onChange={setDatetime} value={datetime} /> <DateTimePicker name="date" label="Date" onChange={setDatetime} value={datetime} />
<Button type="submit">Rechercher</Button>
</Box> </Box>
</> </>
} }
@ -36,7 +35,11 @@ function Station() {
let {theme, stationId} = useParams() let {theme, stationId} = useParams()
// eslint-disable-next-line no-unused-vars // eslint-disable-next-line no-unused-vars
let [searchParams, setSearchParams] = useSearchParams() let [searchParams, setSearchParams] = useSearchParams()
const [datetime, setDatetime] = useState(dayjs()) const [datetime, setDatetime] = useState(dayjs(searchParams.get('time') || undefined))
if (datetime.format() !== searchParams.get('time')) {
searchParams.set('time', datetime.format())
window.history.replaceState({}, '', '?' + searchParams.toString())
}
useQueryClient() useQueryClient()
const stationQuery = useQuery({ const stationQuery = useQuery({

4
src/TrainsTable.js
View File

@ -69,10 +69,10 @@ function TrainsTableBody({station, datetime, tableType}) {
.then(response => response.json()) .then(response => response.json())
.then(data => data.stopTimes) .then(data => data.stopTimes)
.then(data => [...data]) .then(data => [...data])
}, [station.stopId, datetime, tableType]) }, [station.stopId, tableType, datetime])
const trainsQuery = useQuery({ const trainsQuery = useQuery({
queryKey: ['trains', station.stopId, tableType], queryKey: ['trains', station.stopId, tableType, datetime],
queryFn: updateTrains, queryFn: updateTrains,
enabled: !!station.stopId, enabled: !!station.stopId,
}) })