From bffd27ae5b6a99ea13823cbe7181e38dc9d44b45 Mon Sep 17 00:00:00 2001
From: Ajay Bura <32841439+ajbura@users.noreply.github.com>
Date: Sun, 8 Oct 2023 00:09:43 +1100
Subject: [PATCH] Fix-jump-latest-senstivity (#1440)

* fix jump to latest sensitivity

* select mention space as tab
---
 src/app/hooks/useVirtualPaginator.ts    |  2 +-
 src/app/organisms/room/RoomTimeline.tsx | 33 ++++++++++++++-----------
 2 files changed, 20 insertions(+), 15 deletions(-)

diff --git a/src/app/hooks/useVirtualPaginator.ts b/src/app/hooks/useVirtualPaginator.ts
index 550e11c..9ffc7f9 100644
--- a/src/app/hooks/useVirtualPaginator.ts
+++ b/src/app/hooks/useVirtualPaginator.ts
@@ -319,7 +319,7 @@ export const useVirtualPaginator = <TScrollElement extends HTMLElement>(
 
   const intersectionObserver = useIntersectionObserver(
     handlePaginatorElIntersection,
-    useMemo(
+    useCallback(
       () => ({
         root: getScrollElement(),
       }),
diff --git a/src/app/organisms/room/RoomTimeline.tsx b/src/app/organisms/room/RoomTimeline.tsx
index c41bfbb..96555f3 100644
--- a/src/app/organisms/room/RoomTimeline.tsx
+++ b/src/app/organisms/room/RoomTimeline.tsx
@@ -90,7 +90,7 @@ import {
   openJoinAlias,
   openProfileViewer,
   selectRoom,
-  selectSpace,
+  selectTab,
 } from '../../../client/action/navigation';
 import { useForceUpdate } from '../../hooks/useForceUpdate';
 import { parseGeoUri, scaleYDimension } from '../../utils/common';
@@ -115,7 +115,6 @@ import { useMemberEventParser } from '../../hooks/useMemberEventParser';
 import * as customHtmlCss from '../../styles/CustomHtml.css';
 import { RoomIntro } from '../../components/room-intro';
 import {
-  OnIntersectionCallback,
   getIntersectionObserverEntry,
   useIntersectionObserver,
 } from '../../hooks/useIntersectionObserver';
@@ -541,7 +540,7 @@ export function RoomTimeline({ room, eventId, roomInputRef, editor }: RoomTimeli
             return;
           }
           if (isRoomId(mentionId) && mx.getRoom(mentionId)) {
-            if (mx.getRoom(mentionId)?.isSpaceRoom()) selectSpace(mentionId);
+            if (mx.getRoom(mentionId)?.isSpaceRoom()) selectTab(mentionId);
             else selectRoom(mentionId);
             return;
           }
@@ -674,18 +673,24 @@ export function RoomTimeline({ room, eventId, roomInputRef, editor }: RoomTimeli
     useCallback(() => roomInputRef.current, [roomInputRef])
   );
 
-  const handleAtBottomIntersection: OnIntersectionCallback = useCallback((entries) => {
-    const target = atBottomAnchorRef.current;
-    if (!target) return;
-    const targetEntry = getIntersectionObserverEntry(target, entries);
-
-    setAtBottom(targetEntry?.isIntersecting === true);
-  }, []);
+  const debounceSetAtBottom = useDebounce(
+    useCallback((entry: IntersectionObserverEntry) => {
+      if (!entry.isIntersecting) setAtBottom(false);
+    }, []),
+    { wait: 1000 }
+  );
   useIntersectionObserver(
-    useDebounce(handleAtBottomIntersection, {
-      wait: 200,
-    }),
-    useMemo(
+    useCallback(
+      (entries) => {
+        const target = atBottomAnchorRef.current;
+        if (!target) return;
+        const targetEntry = getIntersectionObserverEntry(target, entries);
+        if (targetEntry) debounceSetAtBottom(targetEntry);
+        if (targetEntry?.isIntersecting) setAtBottom(true);
+      },
+      [debounceSetAtBottom]
+    ),
+    useCallback(
       () => ({
         root: getScrollElement(),
         rootMargin: '100px',