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

LedgerHQ · Sep 6, 2024 · e805a7e · e805a7e
1 parent cc291f5
commit e805a7e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
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,8 +15,6 @@ type Props = {
   hasNoBackground?: boolean;
 };
 
-const IconSettings = () => <Icon name="settings" size={16} color="neutral.c100" />;
-
 const FallbackCameraBody: React.FC<Props> = ({
   title,
   description,
@@ -27,6 +25,8 @@ const FallbackCameraBody: React.FC<Props> = ({
 }: Props) => {
   const { colors } = useTheme();
 
+  const IconSettings = () => <Icon name="settings" size={16} color={colors.neutral.c00} />;
+
   return (
     <Flex flex={1} bg={hasNoBackground ? "transparent" : "background.main"} px={6}>
       <Flex flex={1} alignItems="center" justifyContent="center">