Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2025-12-20 02:10:15 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

fix: Allow Mobile Scroll During Message Stream (#984)

Browse source 
* fix(Icon/types): pick types from TMessage and TConversation

* refactor: make abortScroll a global recoil state and change props/types for useScrollToRef

* refactor(Message): invoke abort setter onTouchMove and onWheel, refactor(Messages): remove redundancy, reset abortScroll when scroll button is clicked
This commit is contained in:
Danny Avila 2023-09-22 16:16:57 -04:00 • committed by GitHub
parent 5d4b168df5
commit 7c0379ba51
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 55 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

10
client/src/hooks/useScrollToRef.ts
View file

@ -1,7 +1,13 @@
import { RefObject, useCallback } from 'react';
import throttle from 'lodash/throttle';
export default function useScrollToRef(targetRef: RefObject<HTMLDivElement>, callback: () => void) {
type TUseScrollToRef = {
targetRef: RefObject<HTMLDivElement>;
callback: () => void;
smoothCallback: () => void;
};
export default function useScrollToRef({ targetRef, callback, smoothCallback }: TUseScrollToRef) {
// eslint-disable-next-line react-hooks/exhaustive-deps
const scrollToRef = useCallback(
throttle(
@ -20,7 +26,7 @@ export default function useScrollToRef(targetRef: RefObject<HTMLDivElement>, cal
throttle(
() => {
targetRef.current?.scrollIntoView({ behavior: 'smooth' });
callback();
smoothCallback();
},
750,
{ leading: true },