fix: several tanstack problems (#1007)

* fix: faster hydrate

* fix: v2 journeyFind

* fix: routing inputs on fav

* fix: horizontal scoll for wagon layouts

src/client/Common/Components/VehicleMap/VehicleMapDialog.tsx

@@ -18,6 +18,10 @@ const LinkSpan = styled('span')(({ theme }) => ({
 	color: theme.vars.palette.common.blue,
 }));
 
+const NonSrollableDialogContent = styled(DialogContent)`
+	overflow-x: hidden;
+`;
+
 export const VehicleMapDialog: FCC<Props> = ({
 	vehicleLayout,
 	fahrzeug,
@@ -40,12 +44,12 @@ export const VehicleMapDialog: FCC<Props> = ({
 					Layout von Wagen {fahrzeug.identificationNumber} (Fahrzeug{' '}
 					{fahrzeug.uic})
 				</DialogTitle>
-				<DialogContent>
+				<NonSrollableDialogContent>
 					<VehicleMap
 						layout={vehicleLayout}
 						orientation={fahrzeug.orientation!}
 					/>
-				</DialogContent>
+				</NonSrollableDialogContent>
 			</Dialog>
 		</>
 	);

src/client/Routing/provider/RoutingConfigProvider.tsx

@@ -1,7 +1,7 @@
 import { useExpertCookies } from '@/client/Common/hooks/useExpertCookies';
 import constate from '@/constate';
 import type { MinimalStopPlace } from '@/types/stopPlace';
-import { useCallback, useMemo, useState } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 import type { PropsWithChildren, SyntheticEvent } from 'react';
 
 export interface RoutingSettings {
@@ -42,6 +42,19 @@ const useRoutingConfigInternal = ({
 
 	const [routingConfig, setRoutingConfig] = useExpertCookies(routingConfigKeys);
 
+	useEffect(() => {
+		setStart(initialStart);
+	}, [initialStart]);
+	useEffect(() => {
+		setDestination(initialDestination);
+	}, [initialDestination]);
+	useEffect(() => {
+		setVia(initialVia || []);
+	}, [initialVia]);
+	useEffect(() => {
+		initialDate || new Date();
+	}, [initialDate]);
+
 	const updateSetting = useCallback(
 		<K extends keyof RoutingSettings>(key: K, value: RoutingSettings[K]) => {
 			setRoutingConfig(key, value);

src/client/index.tsx

@@ -1,14 +1,15 @@
-import { createRouter } from '@/router';
+import { createRouter, hydrateRouter } from '@/router';
 import createEmotionCache from '@emotion/cache';
 import { CacheProvider } from '@emotion/react';
 import { StartClient } from '@tanstack/start';
 import { hydrateRoot } from 'react-dom/client';
 import { HeadProvider } from 'react-head';
 
 const cache = createEmotionCache({ prepend: true, key: 'css' });
+const router = createRouter();
+hydrateRouter();
 
 async function render() {
-	const router = createRouter();
 	await router.load();
 
 	hydrateRoot(

src/external/risJourneysV2.ts

@@ -16,7 +16,7 @@ import { CacheDatabase, getCache } from '@/server/cache';
 import type { CommonProductInfo, JourneyFindResponse } from '@/types/journey';
 import type { RouteStop } from '@/types/routing';
 import axios from 'axios';
-import { format, isBefore, isEqual, isSameDay, subDays } from 'date-fns';
+import { format, isBefore, isSameDay, subDays } from 'date-fns';
 
 const risJourneysV2Configuration = new RisJourneysConfiguration({
 	basePath: process.env.RIS_JOURNEYS_V2_URL,
@@ -182,14 +182,6 @@ function findAdministrationFilter(
 	return matches;
 }
 
-function findDateTimeFilter(matches: JourneyFindResult[], dateTime: Date) {
-	const filtered = matches.filter((m) =>
-		isEqual(m.journeyRelation.startTime, dateTime),
-	);
-
-	return filtered.length ? filtered : matches;
-}
-
 function findCategoryFilter(matches: JourneyFindResult[], category?: string) {
 	if (category) {
 		const filtered = matches.filter(
@@ -216,8 +208,7 @@ export async function findJourney(
 		baseResult,
 		administration,
 	);
-	const dateTimeFiltered = findDateTimeFilter(administrationFiltered, date);
-	const categoryFiltered = findCategoryFilter(dateTimeFiltered, category);
+	const categoryFiltered = findCategoryFilter(administrationFiltered, category);
 
 	return categoryFiltered;
 }

src/router.tsx

@@ -67,17 +67,17 @@ const queryClientOptions: QueryClientConfig = {
 
 const queryClient = new QueryClient(queryClientOptions);
 
-if (!import.meta.env.SSR) {
-	window.addEventListener('load', () => {
+export const hydrateRouter = () => {
+	if (!import.meta.env.SSR) {
 		try {
 			if (window.__TSR__) {
 				const queryClientData = parse(window.__TSR__.dehydrated).payload
 					.queryClientState;
 				hydrate(queryClient, queryClientData);
 			}
 		} catch {}
-	});
-}
+	}
+};
 
 const trpcUtils = createTRPCQueryUtils({
 	client: trpcClient,