Add crop icon

observation · Jun 23, 2024 · 72de88d · 72de88d
1 parent 1ca473b
commit 72de88d
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 5 deletions.
diff --git a/src/components/Icon.tsx b/src/components/Icon.tsx
@@ -24,7 +24,7 @@ export const Icon = ({ name, color, size, testID, style, rotation }: IconProps):
   const icon = iconStyle === 'light' ? Icons[name].light : Icons[name].solid
   const iconColor = color ?? theme.color.primary
   const iconSize = size ?? theme.icon.size.large
-  const transform = rotation ? { rotate: 42 } : undefined
+  const transform = rotation ? { rotate: rotation } : undefined
 
   return <FontAwesomeIcon icon={icon} color={iconColor} size={iconSize} testID={testID} transform={transform} />
 }
diff --git a/src/components/Lightbox.tsx b/src/components/Lightbox.tsx
@@ -42,6 +42,7 @@ const getLightboxFooterComponent =
     content?: React.ReactNode,
     style?: LightboxStyle,
     onPressDelete?: () => void,
+    onPressCrop?: () => void,
   ) =>
   () => (
     <SafeAreaView style={styles.lightboxFooterContainer}>
@@ -57,15 +58,23 @@ const getLightboxFooterComponent =
           </View>
         )}
         {content && <View style={styles.footerItem}>{content}</View>}
-        {onPressDelete && (
-          <View style={styles.buttonsContainer}>
+
+        <View style={styles.buttonsContainer}>
+          {onPressDelete && (
             <View style={styles.buttonContainer}>
               <TouchableOpacity onPress={onPressDelete} hitSlop={hitSlop}>
                 <Icon name="trash-alt" color={theme.color.white} size={20} testID="delete-photo" />
               </TouchableOpacity>
             </View>
-          </View>
-        )}
+          )}
+          {onPressCrop && (
+            <View style={styles.buttonContainer}>
+              <TouchableOpacity onPress={onPressCrop} hitSlop={hitSlop}>
+                <Icon name="crop-alt" color={theme.color.white} size={20} testID="crop-photo" />
+              </TouchableOpacity>
+            </View>
+          )}
+        </View>
       </View>
     </SafeAreaView>
   )