mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

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
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 4 deletions
Show stats 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,