fix: fallback screen settings button icon rendering with the right color

LedgerHQ · Sep 5, 2024 · 718eee9 · 718eee9
1 parent cc291f5
commit 718eee9
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/.changeset/tasty-pandas-behave.md b/.changeset/tasty-pandas-behave.md
@@ -0,0 +1,5 @@
+---
+"live-mobile": patch
+---
+
+Assign the right color to settings icon in Fallback camera permission screen
diff --git a/apps/ledger-live-mobile/src/components/RequiresCameraPermissions/Fallback.tsx b/apps/ledger-live-mobile/src/components/RequiresCameraPermissions/Fallback.tsx
@@ -15,7 +15,6 @@ type Props = {
   hasNoBackground?: boolean;
 };
 
-const IconSettings = () => <Icon name="settings" size={16} color="neutral.c100" />;
 
 const FallbackCameraBody: React.FC<Props> = ({
   title,
@@ -27,6 +26,9 @@ const FallbackCameraBody: React.FC<Props> = ({
 }: Props) => {
   const { colors } = useTheme();
 
+  // benefit from component scope colors variable for IconSettings
+  const IconSettings = () => <Icon name="settings" size={16} color={colors.constant.white} />
+
   return (
     <Flex flex={1} bg={hasNoBackground ? "transparent" : "background.main"} px={6}>
       <Flex flex={1} alignItems="center" justifyContent="center">