Use better variable names

observation · May 6, 2024 · 768ce68 · 768ce68
1 parent 83e699c
commit 768ce68
Showing 1 changed file with 5 additions and 6 deletions.
diff --git a/src/components/Lightbox.tsx b/src/components/Lightbox.tsx
@@ -86,19 +86,18 @@ type Props = {
 }
 
 const Lightbox = ({ index, onClose, onDelete, photos, title, description, content, style }: Props) => {
-  const [imageIndexAfterSwipe, setImageIndexAfterSwipe] = useState<number>()
+  const initialImageIndex = index ?? 0
+  const [currentImageIndex, setCurrentImageIndex] = useState<number>(initialImageIndex)
 
-  const imageIndex = index ?? 0
-
-  const onPressDelete = onDelete ? () => onDelete(imageIndexAfterSwipe ?? imageIndex) : undefined
+  const onPressDelete = onDelete ? () => onDelete(currentImageIndex) : undefined
 
   return (
     <ImageView
       images={photos.map((photo) => ({ uri: photo }))}
-      imageIndex={imageIndex}
+      imageIndex={currentImageIndex}
       visible={index !== undefined}
       swipeToCloseEnabled={false}
-      onImageIndexChange={setImageIndexAfterSwipe}
+      onImageIndexChange={setCurrentImageIndex}
       onRequestClose={onClose}
       HeaderComponent={getLightboxHeaderComponent(photos.length, onClose)}
       FooterComponent={getLightboxFooterComponent(title, description, content, style, onPressDelete)}