Merge pull request #92 from ulu-telegram/master

delpoy

src/components/middle/MessageList.tsx

@@ -180,7 +180,7 @@ const MessageList: FC<OwnProps & StateProps> = ({
 }) => {
   const {
     loadViewportMessages, setScrollOffset, loadSponsoredMessages, loadMessageReactions, copyMessagesByIds,
-    loadMessageViews, loadPeerStoriesByIds,
+    loadMessageViews, loadPeerStoriesByIds, openChat,
   } = getActions();
 
   // eslint-disable-next-line no-null/no-null
@@ -221,6 +221,29 @@ const MessageList: FC<OwnProps & StateProps> = ({
     memoFirstUnreadIdRef.current = firstUnreadId;
   }, [firstUnreadId]);
 
+  useEffect(() => {
+    const minDeltaX = 50; // Минимальное расстояние прокрутки для активации свайпа
+
+    const handleScroll = (e: WheelEvent) => {
+      // Проверяем, находится ли элемент, на котором произошло событие, внутри контейнера
+      if (containerRef.current && containerRef.current.contains(e.target as Node)) {
+        // Проверяем, был ли совершен горизонтальный свайп
+        if (Math.abs(e.deltaX) > minDeltaX) {
+          // Вызываем функцию для обработки свайпа
+          openChat({ id: undefined });
+        }
+      }
+    };
+
+    // Добавляем обработчик событий к window
+    window.addEventListener('wheel', handleScroll, { passive: true });
+
+    // Удаляем обработчик событий при размонтировании компонента
+    return () => {
+      window.removeEventListener('wheel', handleScroll);
+    };
+  }, [containerRef]);
+
   useEffect(() => {
     if (!isCurrentUserPremium && isChannelChat && isReady) {
       loadSponsoredMessages({ chatId });

src/components/middle/MiddleColumn.tsx

@@ -1,5 +1,6 @@
 import React, {
   memo, useEffect, useMemo,
+  /* useRef, */
   useState,
 } from '../../lib/teact/teact';
 import { getActions, withGlobal } from '../../global';
@@ -69,7 +70,6 @@ import useForceUpdate from '../../hooks/useForceUpdate';
 import useHistoryBack from '../../hooks/useHistoryBack';
 import useLang from '../../hooks/useLang';
 import useLastCallback from '../../hooks/useLastCallback';
-/* import useMultitouchBackSwipe from '../../hooks/useMultitouchBackSwipe'; */
 import usePrevDuringAnimation from '../../hooks/usePrevDuringAnimation';
 import usePrevious from '../../hooks/usePrevious';
 import { useResize } from '../../hooks/useResize';
@@ -291,11 +291,6 @@ function MiddleColumn({
       : undefined;
   }, [chatId, openChat]);
 
-  /*   useMultitouchBackSwipe(() => {
-    // Действие, выполняемое при свайпе слева направо
-    openChat({ id: undefined });
-  }); */
-
   useSyncEffect(() => {
     setDropAreaState(DropAreaState.None);
     setIsNotchShown(undefined);