Move button to the bottom

observation · May 2, 2024 · a968d8c · a968d8c
1 parent 413dc28
commit a968d8c
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 17 deletions.
diff --git a/src/components/Lightbox.tsx b/src/components/Lightbox.tsx
@@ -47,15 +47,6 @@ const getLightboxFooterComponent =
   ) =>
   () => (
     <SafeAreaView style={styles.lightboxFooterContainer}>
-      {onPressDelete && (
-        <View style={styles.editButtons}>
-          <IconButton
-            testID="delete-photo"
-            icon={{ name: 'trash-alt', size: 20, color: theme.color.white }}
-            onPress={onPressDelete}
-          />
-        </View>
-      )}
       <View style={styles.lightboxFooter}>
         {title && (
           <View style={styles.footerItem}>
@@ -69,6 +60,15 @@ const getLightboxFooterComponent =
         )}
         {content && <View style={styles.footerItem}>{content}</View>}
       </View>
+      {onPressDelete && (
+        <View style={styles.editButtons}>
+          <IconButton
+            testID="delete-photo"
+            icon={{ name: 'trash-alt', size: 20, color: theme.color.white }}
+            onPress={onPressDelete}
+          />
+        </View>
+      )}
     </SafeAreaView>
   )
 

diff --git a/src/components/__tests__/__snapshots__/Lightbox.test.tsx.snap b/src/components/__tests__/__snapshots__/Lightbox.test.tsx.snap
@@ -1946,6 +1946,14 @@ exports[`Lightbox Rendering With a delete button 1`] = `
           }
         }
       >
+        <View
+          style={
+            {
+              "paddingHorizontal": 16,
+              "paddingVertical": 8,
+            }
+          }
+        />
         <View
           style={
             {
@@ -1998,14 +2006,6 @@ exports[`Lightbox Rendering With a delete button 1`] = `
             />
           </View>
         </View>
-        <View
-          style={
-            {
-              "paddingHorizontal": 16,
-              "paddingVertical": 8,
-            }
-          }
-        />
       </RCTSafeAreaView>
     </View>
   </View>