From 394aadd14ed34e8cd758ec853f16b5a827d34185 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Sat, 2 Nov 2024 19:09:50 +0000
Subject: [PATCH] Give interpolateFromThumbnail control over style

---
 src/view/com/lightbox/ImageViewing/index.tsx | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/view/com/lightbox/ImageViewing/index.tsx b/src/view/com/lightbox/ImageViewing/index.tsx
index d01a50a9ef..01df7440f8 100644
--- a/src/view/com/lightbox/ImageViewing/index.tsx
+++ b/src/view/com/lightbox/ImageViewing/index.tsx
@@ -122,17 +122,12 @@ function ImageViewing({
       }
     }
     if (image.thumbRect && image.dimensions) {
-      const interpolatedTransform = interpolateTransform(
+      return interpolateFromThumbnail(
         openProgress.value,
         image.thumbRect,
         SCREEN,
         image.dimensions,
       )
-      return {
-        transform: interpolatedTransform,
-        width,
-        height,
-      }
     }
     return {
       transform: [],
@@ -344,7 +339,7 @@ function LightboxFooter({
   )
 }
 
-function interpolateTransform(
+function interpolateFromThumbnail(
   progress: number,
   thumbnailDims: {
     pageX: number
@@ -383,7 +378,11 @@ function interpolateTransform(
   const translateX = interpolate(progress, [0, 1], [initialTranslateX, 0])
   const translateY = interpolate(progress, [0, 1], [initialTranslateY, 0])
   const scale = interpolate(progress, [0, 1], [initialScale, 1])
-  return [{translateX}, {translateY}, {scale}]
+  return {
+    transform: [{translateX}, {translateY}, {scale}],
+    width: finalWidth,
+    height: finalHeight,
+  }
 }
 
 const styles = StyleSheet.create({