fix: scroll out to mark read in mobile

Signed-off-by: Innei <tukon479@gmail.com>

Author: Innei

apps/renderer/src/modules/entry-column/hooks/useEntryMarkReadHandler.tsx

@@ -21,6 +21,7 @@ export const useEntryMarkReadHandler = (entriesIds: string[]) => {
       const idSlice = entriesIds?.slice(startIndex, endIndex)
 
       indexKeyIsCalled.add(`${startIndex}-${endIndex}`)
+
       if (!idSlice) return
 
       batchMarkRead(idSlice)

apps/renderer/src/modules/entry-column/wrapper.mobile.tsx

@@ -13,7 +13,7 @@ import { styles } from "./wrapper.shared"
 const noop = async () => {}
 
 export const EntryColumnWrapper = forwardRef<HTMLDivElement, EntryColumnWrapperProps>(
-  ({ children, onPullToRefresh }, ref) => {
+  ({ children, onPullToRefresh, onScroll }, ref) => {
     const view = useRouteParamsSelector((state) => state.view)
 
     const [scrollElement, setScrollElement] = useState<HTMLElement | null>(null)
@@ -26,6 +26,7 @@ export const EntryColumnWrapper = forwardRef<HTMLDivElement, EntryColumnWrapperP
                 className="h-full overflow-y-auto"
                 ref={setScrollElement}
                 id={ENTRY_COLUMN_LIST_SCROLLER_ID}
+                onScroll={onScroll}
               >
                 {children}
               </div>