Merge pull request #33607 from shubham1206agra/fix-plaid-icon

Fixed icon fill colors
Expensify · Jan 9, 2024 · b338f53 · b338f53
2 parents 0899e3a + bd6a858
commit b338f53
Show file tree

Hide file tree

Showing 8 changed files with 2 additions and 9 deletions.
diff --git a/src/components/AddPlaidBankAccount.js b/src/components/AddPlaidBankAccount.js
@@ -249,7 +249,6 @@ function AddPlaidBankAccount({
                     height={iconSize}
                     width={iconSize}
                     additionalStyles={iconStyles}
-                    fill={theme.icon}
                 />
                 <Text style={[styles.ml3, styles.textStrong]}>{bankName}</Text>
             </View>

diff --git a/src/components/AvatarCropModal/ImageCropView.js b/src/components/AvatarCropModal/ImageCropView.js
@@ -90,7 +90,7 @@ function ImageCropView(props) {
                 <View style={[containerStyle, styles.l0, styles.b0, styles.pAbsolute]}>
                     <Icon
                         src={props.maskImage}
-                        fill={theme.icon}
+                        fill={theme.iconReversed}
                         width={props.containerSize}
                         height={props.containerSize}
                     />

diff --git a/src/components/DeeplinkWrapper/DeeplinkRedirectLoadingIndicator.tsx b/src/components/DeeplinkWrapper/DeeplinkRedirectLoadingIndicator.tsx
@@ -37,7 +37,6 @@ function DeeplinkRedirectLoadingIndicator({openLinkInBrowser, session}: Deeplink
                     <Icon
                         width={200}
                         height={164}
-                        fill={theme.icon}
                         src={Illustrations.RocketBlue}
                     />
                 </View>

diff --git a/src/components/MenuItem.tsx b/src/components/MenuItem.tsx
@@ -523,7 +523,6 @@ function MenuItem(
                                                         src={furtherDetailsIcon}
                                                         height={variables.iconSizeNormal}
                                                         width={variables.iconSizeNormal}
-                                                        fill={theme.icon}
                                                         inline
                                                     />
                                                 )}

diff --git a/src/components/ValidateCode/ValidateCodeModal.tsx b/src/components/ValidateCode/ValidateCodeModal.tsx
@@ -40,7 +40,6 @@ function ValidateCodeModal({code, accountID, session = {}}: ValidateCodeModalPro
                     <Icon
                         width={variables.modalTopIconWidth}
                         height={variables.modalTopIconHeight}
-                        fill={theme.icon}
                         src={Illustrations.MagicCode}
                     />
                 </View>

diff --git a/src/pages/LogInWithShortLivedAuthTokenPage.js b/src/pages/LogInWithShortLivedAuthTokenPage.js
@@ -89,7 +89,6 @@ function LogInWithShortLivedAuthTokenPage(props) {
                     <Icon
                         width={200}
                         height={164}
-                        fill={theme.icon}
                         src={Illustrations.RocketBlue}
                     />
                 </View>

diff --git a/src/pages/home/report/ReportDropUI.js b/src/pages/home/report/ReportDropUI.js
@@ -6,7 +6,6 @@ import Icon from '@components/Icon';
 import * as Expensicons from '@components/Icon/Expensicons';
 import Text from '@components/Text';
 import useLocalize from '@hooks/useLocalize';
-import useTheme from '@hooks/useTheme';
 import useThemeStyles from '@hooks/useThemeStyles';
 
 const propTypes = {
@@ -15,15 +14,13 @@ const propTypes = {
 };
 
 function ReportDropUI({onDrop}) {
-    const theme = useTheme();
     const styles = useThemeStyles();
     const {translate} = useLocalize();
     return (
         <DragAndDropConsumer onDrop={onDrop}>
             <View style={[styles.reportDropOverlay, styles.w100, styles.h100, styles.justifyContentCenter, styles.alignItemsCenter]}>
                 <View style={styles.mb3}>
                     <Icon
-                        fill={theme.icon}
                         src={Expensicons.DragAndDrop}
                         width={100}
                         height={100}

diff --git a/src/pages/settings/Wallet/TransferBalancePage.js b/src/pages/settings/Wallet/TransferBalancePage.js
@@ -223,6 +223,7 @@ function TransferBalancePage(props) {
                             iconHeight={selectedAccount.iconSize}
                             icon={selectedAccount.icon}
                             onPress={() => navigateToChooseTransferAccount(selectedAccount.accountType)}
+                            displayInDefaultIconColor
                         />
                     )}
                     <View style={styles.ph5}>