Signal/Desktop
1
0
Fork 0
mirror of https://github.com/signalapp/Signal-Desktop.git synced 2025-12-24 20:26:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Always animate lightbox transitions

Browse Source
This commit is contained in:
Fedor Indutny
2023-03-14 09:53:09 -07:00
committed by GitHub
parent 4591b56f7f
commit c5c399e4e8
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
ts/components/Lightbox.tsx
View File

@@ -86,8 +86,9 @@ export function Lightbox({
hasPrevMessage,
}: PropsType): JSX.Element | null {
const hasThumbnails = media.length > 1;
const hadThumbnails = usePrevious(hasThumbnails, hasThumbnails);
const justGotThumbnails = !hadThumbnails && hasThumbnails;
const messageId = media[0].message.id;
const prevMessageId = usePrevious(messageId, messageId);
const needsAnimation = messageId !== prevMessageId;
const [root, setRoot] = React.useState<HTMLElement | undefined>();
const [videoElement, setVideoElement] = useState<HTMLVideoElement | null>(
@@ -301,7 +302,7 @@ export function Lightbox({
);
useEffect(() => {
if (!justGotThumbnails) {
if (!needsAnimation) {
return;
}
@@ -317,7 +318,7 @@ export function Lightbox({
opacity: 1,
});
}, [
justGotThumbnails,
needsAnimation,
selectedIndex,
thumbnailsMarginLeft,
thumbnailsAnimation,