Replace themeColors with useTheme

software-mansion-labs · Dec 13, 2023 · 5574239 · 5574239
1 parent f8448ca
commit 5574239
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/src/components/BlockingViews/FullPageOfflineBlockingView.js b/src/components/BlockingViews/FullPageOfflineBlockingView.js
@@ -5,7 +5,7 @@ import networkPropTypes from '@components/networkPropTypes';
 import {withNetwork} from '@components/OnyxProvider';
 import withLocalize, {withLocalizePropTypes} from '@components/withLocalize';
 import compose from '@libs/compose';
-import themeColors from '@styles/themes/default';
+import useTheme from '@styles/themes/useTheme';
 import BlockingView from './BlockingView';
 
 const propTypes = {
@@ -20,11 +20,13 @@ const propTypes = {
 };
 
 function FullPageOfflineBlockingView(props) {
+    const theme = useTheme();
+
     if (props.network.isOffline) {
         return (
             <BlockingView
                 icon={Expensicons.OfflineCloud}
-                iconColor={themeColors.offline}
+                iconColor={theme.offline}
                 title={props.translate('common.youAppearToBeOffline')}
                 subtitle={props.translate('common.thisFeatureRequiresInternet')}
             />

diff --git a/src/components/SAMLLoadingIndicator.js b/src/components/SAMLLoadingIndicator.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import {StyleSheet, View} from 'react-native';
 import useLocalize from '@hooks/useLocalize';
-import themeColors from '@styles/themes/default';
+import useTheme from '@styles/themes/useTheme';
 import useThemeStyles from '@styles/useThemeStyles';
 import Icon from './Icon';
 import * as Expensicons from './Icon/Expensicons';
@@ -10,6 +10,7 @@ import Text from './Text';
 
 function SAMLLoadingIndicator() {
     const {translate} = useLocalize();
+    const theme = useTheme();
     const styles = useThemeStyles();
     return (
         <View style={[StyleSheet.absoluteFillObject, styles.deeplinkWrapperContainer]}>
@@ -30,7 +31,7 @@ function SAMLLoadingIndicator() {
                 <Icon
                     width={154}
                     height={34}
-                    fill={themeColors.success}
+                    fill={theme.success}
                     src={Expensicons.ExpensifyWordmark}
                 />
             </View>