WIP

observation · May 2, 2024 · 259c152 · 259c152
1 parent 98fe47b
commit 259c152
Showing 1 changed file with 15 additions and 10 deletions.
diff --git a/src/components/Lightbox.tsx b/src/components/Lightbox.tsx
@@ -47,6 +47,15 @@ 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}>
@@ -58,16 +67,7 @@ const getLightboxFooterComponent =
             <Text style={[styles.description, style?.descriptionTextStyle]}>{description}</Text>
           </View>
         )}
-        <View style={{ flexDirection: 'row' }}>
-          {onPressDelete && (
-            <IconButton
-              testID="delete-photo"
-              icon={{ name: 'trash-alt', size: 20, color: theme.color.white }}
-              onPress={onPressDelete}
-            />
-          )}
-          {content && <View style={styles.footerItem}>{content}</View>}
-        </View>
+        {content && <View style={styles.footerItem}>{content}</View>}
       </View>
     </SafeAreaView>
   )
@@ -150,4 +150,9 @@ const styles = StyleSheet.create({
     ...textStyle.body,
     color: theme.color.white,
   },
+  editButtons: {
+    flexDirection: 'row',
+    marginVertical: 30,
+    marginHorizontal: 48,
+  },
 })