apply suggested changes

Expensify · Jan 31, 2024 · 0812bb4 · 0812bb4
1 parent ef0b1bd
commit 0812bb4
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/components/ConnectBankAccountButton.tsx b/src/components/ConnectBankAccountButton.tsx
@@ -11,16 +11,19 @@ import * as Expensicons from './Icon/Expensicons';
 import Text from './Text';
 
 type ConnectBankAccountButtonProps = {
+    /** PolicyID for navigating to bank account route of that policy */
     policyID: string;
-    style: StyleProp<ViewStyle>;
+
+    /** Button styles, also applied for offline message wrapper */
+    style?: StyleProp<ViewStyle>;
 };
 
 function ConnectBankAccountButton({style, policyID}: ConnectBankAccountButtonProps) {
     const styles = useThemeStyles();
     const {isOffline} = useNetwork();
     const {translate} = useLocalize();
     const activeRoute = Navigation.getActiveRouteWithoutParams();
-    
+
     return isOffline ? (
         <View style={style}>
             <Text>{`${translate('common.youAppearToBeOffline')} ${translate('common.thisFeatureRequiresInternet')}`}</Text>
@@ -31,7 +34,7 @@ function ConnectBankAccountButton({style, policyID}: ConnectBankAccountButtonPro
             onPress={() => ReimbursementAccount.navigateToBankAccountRoute(policyID, activeRoute)}
             icon={Expensicons.Bank}
             style={style}
-            iconStyles={[styles.buttonCTAIcon]}
+            iconStyles={styles.buttonCTAIcon}
             shouldShowRightIcon
             large
             success