From d05c815a79c17aac36cd5a7f3b532c4f81aef379 Mon Sep 17 00:00:00 2001
From: Brandon Presley <brandon@presley.nz>
Date: Mon, 19 Sep 2022 13:20:24 +1200
Subject: [PATCH] Add change image button and fix margin in workout

Closes #26, #27.
---
 EditWorkout.tsx | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/EditWorkout.tsx b/EditWorkout.tsx
index 98a8ec4..e7816c7 100644
--- a/EditWorkout.tsx
+++ b/EditWorkout.tsx
@@ -85,21 +85,25 @@ export default function EditWorkout() {
   return (
     <View style={{padding: PADDING}}>
       <ScrollView style={{height: '90%'}}>
-        {uri ? (
+        {uri && (
           <>
             <Pressable style={{marginBottom: MARGIN}} onPress={changeImage}>
               <Card.Cover source={{uri}} />
             </Pressable>
-            <Button onPress={onRemoveImage}>Remove image</Button>
+            <Button
+              icon="trash"
+              style={{marginBottom: MARGIN}}
+              onPress={onRemoveImage}>
+              Remove image
+            </Button>
           </>
-        ) : (
-          <Button
-            style={{marginBottom: MARGIN}}
-            onPress={changeImage}
-            icon="image">
-            Image
-          </Button>
         )}
+        <Button
+          style={{marginBottom: MARGIN}}
+          onPress={changeImage}
+          icon="image">
+          Change image
+        </Button>
         <MassiveInput
           label={params.value.name || 'Name'}
           value={name}