feat: auto scroll to top of sidesheet

equinor · Aug 17, 2023 · 2f5e037 · 2f5e037
1 parent 1167baf
commit 2f5e037
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/src/Components/SideSheet/Comments/CommentSideSheet.tsx b/src/Components/SideSheet/Comments/CommentSideSheet.tsx
@@ -61,7 +61,7 @@ const CommentSideSheet: FC<Props> = ({
 
   useEffect(() => {
     scrollToBottom()
-  }, [currentProperty])
+  }, [currentProperty, reviewComments])
 
   const dummyConversations = [
     // Dummy data for the "All" tab

diff --git a/src/Components/SideSheet/SheetContainer.tsx b/src/Components/SideSheet/SheetContainer.tsx
@@ -123,9 +123,17 @@ const SheetContainer: React.FC<Props> = ({
         }
     }
 
+    const scrollToTop = () => {
+        if (scrollableRef.current) {
+            scrollableRef.current.scrollTop = 0
+        }
+    }
+
     useEffect(() => {
-        scrollToBottom()
-    }, [reviewComments])
+        if (activeSheetTab !== 4) {
+            scrollToTop()
+        }
+    }, [activeSheetTab])
 
     if (!isOpen) return null