fix: default scroll end

wevisdemo · Aug 31, 2024 · 291e0db · 291e0db
1 parent 7ff0f17
commit 291e0db
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 1 deletion.
diff --git a/src/components/Assemblies/CabinetChanges/TimeLine.svelte b/src/components/Assemblies/CabinetChanges/TimeLine.svelte
@@ -5,6 +5,7 @@
 	import Tooltip from '../Tooltip.svelte';
 	import TimeLineToolTip from './TimeLineToolTip.svelte';
 	import { shortMonthNames } from '$lib/date-parser';
+	import { afterUpdate, onMount } from 'svelte';
 
 	export let timeLineData: TimeLine[];
 	export let startedAt: Date | null;
@@ -17,6 +18,7 @@
 	$: dateData = getDateData(timeLineData, startedAt, endedAt);
 
 	let timelineContainer: HTMLDivElement;
+	let prevstartedAt: Date | null;
 
 	const handleNext = () => {
 		timelineContainer.scrollBy({ left: -timelineContainer.clientWidth, behavior: 'smooth' });
@@ -25,6 +27,23 @@
 	const handlePrev = () => {
 		timelineContainer.scrollBy({ left: timelineContainer.clientWidth, behavior: 'smooth' });
 	};
+
+	const scrollToEnd = () => {
+		if (timelineContainer) {
+			timelineContainer.scrollTo({ left: timelineContainer.scrollWidth, behavior: 'smooth' });
+		}
+	};
+
+	onMount(() => {
+		scrollToEnd();
+	});
+
+	afterUpdate(() => {
+		if (startedAt !== prevstartedAt) {
+			scrollToEnd();
+			prevstartedAt = startedAt;
+		}
+	});
 </script>
 
 <div class="relative">

diff --git a/src/routes/assemblies/[id]/changes/+page.svelte b/src/routes/assemblies/[id]/changes/+page.svelte
@@ -21,7 +21,7 @@
 
 	$: ({ assembly, availableAssemblies, assemblyRoles, cabinetMembers, changes } = data);
 
-	$: selectedDate = new Date();
+	$: selectedDate = assembly.endedAt || new Date();
 	const handleSelectDate = (date: Date) => {
 		selectedDate = date;
 	};