From 2827c786728223c4a32e4eeacb7eb2cfa8f23cc2 Mon Sep 17 00:00:00 2001
From: Yoan VALLET <ext.sopra.yvallet@grandlyon.com>
Date: Thu, 24 Sep 2020 21:20:00 +0200
Subject: [PATCH] feat: implement sroll to top into Content
---
src/components/Content/Content.tsx | 10 ++++++++++
1 file changed, 10 insertions(+)
diff --git a/src/components/Content/Content.tsx b/src/components/Content/Content.tsx
index b657e7da3..093d783dd 100644
--- a/src/components/Content/Content.tsx
+++ b/src/components/Content/Content.tsx
@@ -1,6 +1,7 @@
import React, { useCallback, useEffect } from 'react'
import { useClient } from 'cozy-client'
import { useRecoilState } from 'recoil'
+import { history } from 'components/App'
import { ScreenType } from 'enum/screen.enum'
import { ModalState, UserProfile } from 'models'
@@ -48,6 +49,15 @@ const Content: React.FC<ContentProps> = ({
setModalState((prev: ModalState) => ({ ...prev, feedbackModal: false }))
}
+ useEffect(() => {
+ const unlisten = history.listen(() => {
+ window.scrollTo(0, 0)
+ })
+ return () => {
+ unlisten()
+ }
+ }, [children])
+
useEffect(() => {
function handleResize() {
if (innerWidth <= 768) {
--
GitLab