From 030ca2a4e36bce65c75bd55a410cdc6777bcffca Mon Sep 17 00:00:00 2001
From: LASER-Yi <ly0007@yeah.net>
Date: Thu, 17 Jun 2021 21:42:11 +0800
Subject: [PATCH] Reset window position when backing to previous page

---
 frontend/src/App/Router.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/frontend/src/App/Router.tsx b/frontend/src/App/Router.tsx
index 72fd64409..772311da2 100644
--- a/frontend/src/App/Router.tsx
+++ b/frontend/src/App/Router.tsx
@@ -1,5 +1,6 @@
-import React, { FunctionComponent, useEffect, useMemo } from "react";
+import React, { FunctionComponent, useMemo } from "react";
 import { Redirect, Route, Switch, useHistory } from "react-router-dom";
+import { useDidMount } from "rooks";
 import { useIsRadarrEnabled, useIsSonarrEnabled } from "../@redux/hooks/site";
 import BlacklistRouter from "../Blacklist/Router";
 import HistoryRouter from "../History/Router";
@@ -26,9 +27,12 @@ const Router: FunctionComponent<{ className?: string }> = ({ className }) => {
 
   const history = useHistory();
 
-  useEffect(() => {
-    ScrollToTop();
-  }, [history.location]);
+  useDidMount(() => {
+    history.listen(() => {
+      // This is a hack to make sure ScrollToTop will be triggered in the next frame (When everything are loaded)
+      setTimeout(ScrollToTop);
+    });
+  });
 
   return (
     <div className={className}>