feat: local time (#7)

Co-authored-by: terraputix <terraputix@mailbox.org>
Reviewed-on: useweb/ombrella#7

src/routes/weather/14-day/[location]/+page.svelte

@@ -55,7 +55,7 @@
 	interface FetchedData {
 		ensembleResult: EnsembleForecastResult;
 		timestamps: number[];
-		utc_offset_seconds: number;
+		timezone: string;
 		markAreas: MarkArea[];
 	}
 
@@ -102,15 +102,17 @@
 				forecast_days: 14,
 				temperature_unit: params.temperature_unit as 'celsius' | 'fahrenheit',
 				wind_speed_unit: params.wind_speed_unit as 'kmh' | 'ms' | 'mph' | 'kn',
-				precipitation_unit: params.precipitation_unit as 'mm' | 'inch'
+				precipitation_unit: params.precipitation_unit as 'mm' | 'inch',
+				timezone: loc.timezone
 			});
 
 			fetchedData = {
 				ensembleResult: result,
 				timestamps: result.timestamps,
-				utc_offset_seconds: result.utcOffsetSeconds,
+				timezone: result.timezone,
 				markAreas: result.markAreas
 			};
+			console.log(fetchedData.timezone);
 
 			loading = false;
 		};
@@ -123,7 +125,7 @@
 	$effect(() => {
 		if (!fetchedData) return;
 
-		const { ensembleResult, timestamps, utc_offset_seconds, markAreas } = fetchedData;
+		const { ensembleResult, timestamps, timezone, markAreas } = fetchedData;
 		const _showLegend = showLegend;
 
 		const colors = getThemeColors();
@@ -150,7 +152,7 @@
 			const averageData = average.map((val, idx) => [timestamps[idx], val] as [number, number]);
 			series.push(buildAverageSeries({ variable, data: averageData, unit }));
 
-			series.push(buildCurrentTimeSeries({ utcOffsetSeconds: utc_offset_seconds }));
+			series.push(buildCurrentTimeSeries());
 
 			const daylightSeries = buildDaylightSeries({ markAreas });
 			if (daylightSeries) {
@@ -167,7 +169,7 @@
 							subtext: `Compare ${params.hourly?.join(', ') || ''} in models: ${params.models?.join(', ') || ''}`
 						}
 					: null,
-				tooltip: { unit },
+				tooltip: { unit, timezone },
 				legend: {
 					show: _showLegend,
 					data: [variable + '_average']
@@ -181,7 +183,8 @@
 				series,
 				toolbox: false,
 				showCredit: isLast,
-				colors
+				colors,
+				timezone
 			});
 
 			newOptions.push(option);