fix(apps/mobile): use correct color for delete image button in light …

…and dark modes
twodoorsdev · Oct 13, 2024 · 97da876 · 97da876
1 parent b17aaf6
commit 97da876
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/apps/mobile/src/components/IconButton.tsx b/apps/mobile/src/components/IconButton.tsx
@@ -21,11 +21,16 @@ export const IconButton = ({
   style,
   ...props
 }: IconButtonProps) => {
-  const { styles } = useStyles(stylesheet, { rounded });
+  const { styles, theme } = useStyles(stylesheet, { rounded });
+
+  const themedIconProps = {
+    ...iconProps,
+    color: iconProps.color || theme.colors.typography.$5,
+  };
 
   return (
     <Pressable style={[styles.root, style as StyleProp<ViewStyle>]} {...props}>
-      <Octicons {...iconProps} />
+      <Octicons {...themedIconProps} />
     </Pressable>
   );
 };

diff --git a/apps/mobile/src/features/CatCard/DeleteButton.tsx b/apps/mobile/src/features/CatCard/DeleteButton.tsx
@@ -24,7 +24,7 @@ export const DeleteButton = ({ item }: CardProps) => {
     <IconButton
       rounded
       disabled={isLoading}
-      iconProps={{ name: 'trash', size: 24, color: 'black' }}
+      iconProps={{ name: 'trash', size: 24 }}
       onPress={handleDelete}
     />
   );