From 0b4a17be087b698b3b3ba61e84b2f8bc443001b9 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Tue, 14 May 2024 17:02:05 +0200
Subject: [PATCH] scrollTop on component init

---
 src/components/tutorials/Tutorials.jsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/tutorials/Tutorials.jsx b/src/components/tutorials/Tutorials.jsx
index 6bc68e2..67e2a61 100644
--- a/src/components/tutorials/Tutorials.jsx
+++ b/src/components/tutorials/Tutorials.jsx
@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import Modal from "../ui/Modal.jsx";
 import { useGame } from "../../hooks/useGame.jsx";
 import MoveAround from "./MoveAround.jsx";
@@ -10,6 +10,10 @@ export default function Tutorials() {
 
 	const [activeSlide, setActiveSlide] = useState(0);
 
+	useEffect(() => {
+		document.querySelector("dialog").scrollTo(0, 0);
+	}, []);
+
 	function setNextSlide() {
 		setActiveSlide(activeSlide + 1);
 		document.querySelector("dialog").scrollTo(0, 0);