WIP

observation · May 2, 2024 · 98fe47b · 98fe47b
1 parent d208e4b
commit 98fe47b
Show file tree

Hide file tree

Showing 3 changed files with 44 additions and 7 deletions.
diff --git a/src/components/Lightbox.tsx b/src/components/Lightbox.tsx
@@ -58,7 +58,7 @@ const getLightboxFooterComponent =
             <Text style={[styles.description, style?.descriptionTextStyle]}>{description}</Text>
           </View>
         )}
-        <View>
+        <View style={{ flexDirection: 'row' }}>
           {onPressDelete && (
             <IconButton
               testID="delete-photo"
@@ -79,7 +79,7 @@ type LightboxStyle = {
 type Props = {
   index?: number
   onClose: () => void
-  onDelete: (imageIndex: number) => void
+  onDelete?: (imageIndex: number) => void
   photos: string[]
   title?: string
   description?: string

diff --git a/src/components/__tests__/__snapshots__/ContentImage.test.tsx.snap b/src/components/__tests__/__snapshots__/ContentImage.test.tsx.snap
@@ -385,6 +385,13 @@ exports[`ContentImage Interaction Click the image to show the lightbox 1`] = `
                   Title
                 </Text>
               </View>
+              <View
+                style={
+                  {
+                    "flexDirection": "row",
+                  }
+                }
+              />
             </View>
           </RCTSafeAreaView>
         </View>

diff --git a/src/components/__tests__/__snapshots__/Lightbox.test.tsx.snap b/src/components/__tests__/__snapshots__/Lightbox.test.tsx.snap
@@ -402,6 +402,13 @@ exports[`Lightbox Rendering First photo 1`] = `
               11/26/2020 2:37 PM
             </Text>
           </View>
+          <View
+            style={
+              {
+                "flexDirection": "row",
+              }
+            }
+          />
         </View>
       </RCTSafeAreaView>
     </View>
@@ -763,7 +770,15 @@ exports[`Lightbox Rendering Only a photo 1`] = `
               "paddingVertical": 8,
             }
           }
-        />
+        >
+          <View
+            style={
+              {
+                "flexDirection": "row",
+              }
+            }
+          />
+        </View>
       </RCTSafeAreaView>
     </View>
   </View>
@@ -1175,13 +1190,21 @@ exports[`Lightbox Rendering Photo with species name, date and user 1`] = `
           <View
             style={
               {
-                "marginVertical": 4,
+                "flexDirection": "row",
               }
             }
           >
-            <Text>
-              Jan de Vogelaar
-            </Text>
+            <View
+              style={
+                {
+                  "marginVertical": 4,
+                }
+              }
+            >
+              <Text>
+                Jan de Vogelaar
+              </Text>
+            </View>
           </View>
         </View>
       </RCTSafeAreaView>
@@ -1592,6 +1615,13 @@ exports[`Lightbox Rendering Second photo 1`] = `
               11/26/2020 2:37 PM
             </Text>
           </View>
+          <View
+            style={
+              {
+                "flexDirection": "row",
+              }
+            }
+          />
         </View>
       </RCTSafeAreaView>
     </View>
-Original file line number
+Diff line change
@@ Expand Up @@
                       Title
                     </Text>
                   </View>
+                  <View
+                    style={
+                      {
+                        "flexDirection": "row",
+                      }
+                    }
+                  />
                 </View>
               </RCTSafeAreaView>
             </View>
@@ Expand Down @@