From 6baa636ef724d2950ae9dd0ee8561e24f35613c3 Mon Sep 17 00:00:00 2001 From: Alexander Zinchuk Date: Fri, 10 Dec 2021 18:33:17 +0100 Subject: [PATCH] [Perf] Video: Get rid of redundant CSS animation --- src/components/middle/message/Video.tsx | 8 ++------ 1 file changed, 2 insertions(+), 6 deletions(-) diff --git a/src/components/middle/message/Video.tsx b/src/components/middle/message/Video.tsx index 0ccb23cda..4db74b1ab 100644 --- a/src/components/middle/message/Video.tsx +++ b/src/components/middle/message/Video.tsx @@ -25,6 +25,7 @@ import useShowTransition from '../../../hooks/useShowTransition'; import usePrevious from '../../../hooks/usePrevious'; import useBuffering from '../../../hooks/useBuffering'; import useVideoCleanup from '../../../hooks/useVideoCleanup'; +import useMediaTransition from '../../../hooks/useMediaTransition'; import useVideoAutoPause from './hooks/useVideoAutoPause'; import useBlurredMediaThumbRef from './hooks/useBlurredMediaThumbRef'; @@ -79,12 +80,7 @@ const Video: FC = ({ getMessageMediaFormat(message, 'pictogram'), lastSyncTime, ); - const { transitionClassNames: previewClassNames } = useShowTransition( - Boolean(previewBlobUrl), - undefined, - undefined, - 'slow', - ); + const previewClassNames = useMediaTransition(previewBlobUrl); const { mediaData, loadProgress } = useMediaWithLoadProgress( getMessageMediaHash(message, 'inline'),