Merge pull request #30262 from software-mansion-labs/ts/CurrentWallet…

…Balance

[TS migration] Migrate 'CurrentWalletBalance.js' component to TypeScript

src/components/CurrentWalletBalance.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import {StyleProp, TextStyle} from 'react-native';
+import {OnyxEntry, withOnyx} from 'react-native-onyx';
+import * as CurrencyUtils from '@libs/CurrencyUtils';
+import styles from '@styles/styles';
+import ONYXKEYS from '@src/ONYXKEYS';
+import UserWallet from '@src/types/onyx/UserWallet';
+import Text from './Text';
+
+type CurrentWalletBalanceOnyxProps = {
+    /** The user's wallet account */
+    userWallet: OnyxEntry<UserWallet>;
+};
+
+type CurrentWalletBalanceProps = CurrentWalletBalanceOnyxProps & {
+    balanceStyles?: StyleProp<TextStyle>;
+};
+
+function CurrentWalletBalance({userWallet, balanceStyles}: CurrentWalletBalanceProps) {
+    const formattedBalance = CurrencyUtils.convertToDisplayString(userWallet?.currentBalance ?? 0);
+    return <Text style={[styles.pv5, styles.alignSelfCenter, styles.textHeadline, styles.textXXXLarge, balanceStyles]}>{formattedBalance}</Text>;
+}
+
+CurrentWalletBalance.displayName = 'CurrentWalletBalance';
+
+export default withOnyx<CurrentWalletBalanceProps, CurrentWalletBalanceOnyxProps>({
+    userWallet: {
+        key: ONYXKEYS.USER_WALLET,
+    },
+})(CurrentWalletBalance);