From d3c25422d4df5eb1e270513041423a06fa43c7fb Mon Sep 17 00:00:00 2001
From: trafficlunar <hello@trafficlunar.net>
Date: Sat, 8 Feb 2025 13:40:37 +0000
Subject: [PATCH] fix: automatically scroll div down in history panel

---
 src/components/tool-settings/History.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/tool-settings/History.tsx b/src/components/tool-settings/History.tsx
index 49e4e00..5079cbb 100644
--- a/src/components/tool-settings/History.tsx
+++ b/src/components/tool-settings/History.tsx
@@ -16,9 +16,15 @@ const iconMap = {
 function History() {
 	const { history, currentIndex, jumpTo } = useContext(HistoryContext);
 
+	const divRef = useRef<HTMLDivElement>(null);
+
+	useEffect(() => {
+		divRef.current?.scrollIntoView(false);
+	}, [history]);
+
 	return (
 		<ScrollArea key={history.length} className="h-48 border border-zinc-200 dark:border-zinc-800 rounded-md">
-			<div className="flex flex-col">
+			<div ref={divRef} className="flex flex-col">
 				{history.map(({ name }, index) => {
 					const IconComponent = iconMap[name as keyof typeof iconMap];