From 9fa6077fc7dc0853e0c09c42525d071a2f300ddd Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Tue, 24 Sep 2024 14:48:42 +0200
Subject: [PATCH] Middle Column: Use blocking animation for Message List
 transition

---
 src/components/middle/MiddleColumn.tsx | 1 +
 src/components/ui/Transition.tsx       | 9 +++++++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/middle/MiddleColumn.tsx b/src/components/middle/MiddleColumn.tsx
index a9bdf4f49..d976849ec 100644
--- a/src/components/middle/MiddleColumn.tsx
+++ b/src/components/middle/MiddleColumn.tsx
@@ -544,6 +544,7 @@ function MiddleColumn({
               activeKey={currentTransitionKey}
               shouldCleanup
               cleanupExceptionKey={cleanupExceptionKey}
+              isBlockingAnimation
               onStop={handleSlideTransitionStop}
             >
               <MessageList
diff --git a/src/components/ui/Transition.tsx b/src/components/ui/Transition.tsx
index 82e28d7ed..8c4ba6468 100644
--- a/src/components/ui/Transition.tsx
+++ b/src/components/ui/Transition.tsx
@@ -44,6 +44,7 @@ export type TransitionProps = {
   className?: string;
   slideClassName?: string;
   withSwipeControl?: boolean;
+  isBlockingAnimation?: boolean;
   onStart?: NoneToVoidFunction;
   onStop?: NoneToVoidFunction;
   children: React.ReactNode | ChildrenFn;
@@ -83,6 +84,7 @@ function Transition({
   className,
   slideClassName,
   withSwipeControl,
+  isBlockingAnimation,
   onStart,
   onStop,
   children,
@@ -200,6 +202,7 @@ function Transition({
         childNodes[activeIndex],
         childNodes[prevActiveIndex],
         shouldRestoreHeight,
+        isBlockingAnimation,
         onStart,
         onStop,
       );
@@ -236,7 +239,7 @@ function Transition({
     });
 
     isAnimatingRef.current = true;
-    const endHeavyAnimation = beginHeavyAnimation();
+    const endHeavyAnimation = beginHeavyAnimation(undefined, isBlockingAnimation);
     onStart?.();
 
     toggleExtraClass(container, `Transition-${name}`, !isBackwards);
@@ -321,6 +324,7 @@ function Transition({
     shouldDisableAnimation,
     forceUpdate,
     withSwipeControl,
+    isBlockingAnimation,
     cleanupOnlyKey,
   ]);
 
@@ -394,6 +398,7 @@ function performSlideOptimized(
   toSlide: ChildNode,
   fromSlide?: ChildNode,
   shouldRestoreHeight?: boolean,
+  isBlockingAnimation?: boolean,
   onStart?: NoneToVoidFunction,
   onStop?: NoneToVoidFunction,
 ) {
@@ -427,7 +432,7 @@ function performSlideOptimized(
   }
 
   isAnimatingRef.current = true;
-  const endHeavyAnimation = beginHeavyAnimation();
+  const endHeavyAnimation = beginHeavyAnimation(undefined, isBlockingAnimation);
   onStart?.();
 
   toggleExtraClass(container, `Transition-${name}`, !isBackwards);