fix(receive): #1606 round up fiat minimum amount (#1625)

src/components/Money.tsx

@@ -32,6 +32,7 @@ type MoneyProps = {
 	color?: keyof IColors;
 	enableHide?: boolean; // if true and settings.hideBalance === true it will replace number with dots
 	sign?: string;
+	shouldRoundUp?: boolean;
 	style?: StyleProp<ViewStyle>;
 	testID?: string;
 	size?:
@@ -59,9 +60,10 @@ const Money = (props: MoneyProps): ReactElement => {
 	const symbolColor = props.symbolColor;
 	const hide = (props.enableHide ?? false) && hideBalance;
 	const sign = props.sign;
+	const shouldRoundUp = props.shouldRoundUp ?? false;
 	const testID = props.testID;
 
-	const dv = useDisplayValues(sats);
+	const dv = useDisplayValues(sats, shouldRoundUp);
 
 	const [Text, lineHeight, iconHeight, iconWidth, iconMargin] = useMemo(() => {
 		switch (size) {

src/hooks/displayValues.ts

@@ -11,7 +11,10 @@ import {
 	exchangeRatesSelector,
 } from '../store/reselect/wallet';
 
-export const useDisplayValues = (satoshis: number): IDisplayValues => {
+export const useDisplayValues = (
+	satoshis: number,
+	shouldRoundUpFiat = false,
+): IDisplayValues => {
 	const { fiatSymbol } = useCurrency();
 	const selectedCurrency = useAppSelector(selectedCurrencySelector);
 	const denomination = useAppSelector(denominationSelector);
@@ -27,8 +30,16 @@ export const useDisplayValues = (satoshis: number): IDisplayValues => {
 			currency: selectedCurrency,
 			currencySymbol: fiatSymbol,
 			locale: 'en-US', //TODO get from native module
+			shouldRoundUpFiat,
 		});
-	}, [satoshis, denomination, selectedCurrency, exchangeRate, fiatSymbol]);
+	}, [
+		satoshis,
+		denomination,
+		selectedCurrency,
+		exchangeRate,
+		fiatSymbol,
+		shouldRoundUpFiat,
+	]);
 };
 
 /**

src/screens/Wallets/Receive/ReceiveAmount.tsx

@@ -78,7 +78,12 @@ const ReceiveAmount = ({
 							<Caption13Up style={styles.minimumText} color="gray1">
 								{t('minimum')}
 							</Caption13Up>
-							<Money sats={MINIMUM_AMOUNT} size="text02m" symbol={true} />
+							<Money
+								sats={MINIMUM_AMOUNT}
+								size="text02m"
+								symbol={true}
+								shouldRoundUp={true}
+							/>
 						</View>
 						<View style={styles.actionButtons}>
 							<View style={styles.actionButtonContainer}>

src/utils/displayValues/index.ts

@@ -7,6 +7,7 @@ import {
 	EUnit,
 } from '../../store/types/wallet';
 import { IExchangeRates, mostUsedExchangeTickers } from '../exchange-rate';
+import { roundUpToTwoDecimals } from '../helpers';
 import {
 	defaultFiatDisplayValues,
 	defaultBitcoinDisplayValues,
@@ -74,13 +75,15 @@ export const getFiatDisplayValues = ({
 	currency,
 	currencySymbol,
 	locale = 'en-US',
+	shouldRoundUp = false,
 }: {
 	satoshis: number;
 	exchangeRate?: number;
 	exchangeRates?: IExchangeRates;
 	currency?: string;
 	currencySymbol?: string;
 	locale?: string;
+	shouldRoundUp?: boolean;
 }): IFiatDisplayValues => {
 	const denomination = getSettingsStore().denomination;
 
@@ -125,6 +128,10 @@ export const getFiatDisplayValues = ({
 			.to(currency)
 			.value();
 
+		if (shouldRoundUp) {
+			fiatValue = roundUpToTwoDecimals(fiatValue);
+		}
+
 		return getFiatDisplayValuesForFiat({
 			value: fiatValue,
 			currency,
@@ -221,13 +228,15 @@ export const getDisplayValues = ({
 	currency,
 	currencySymbol,
 	locale = 'en-US',
+	shouldRoundUpFiat = false,
 }: {
 	satoshis: number;
 	denomination?: EDenomination;
 	exchangeRate?: number;
 	currency?: string;
 	currencySymbol?: string;
 	locale?: string;
+	shouldRoundUpFiat?: boolean;
 }): IDisplayValues => {
 	if (!denomination) {
 		denomination = getSettingsStore().denomination;
@@ -243,6 +252,7 @@ export const getDisplayValues = ({
 		currency,
 		currencySymbol,
 		locale,
+		shouldRoundUp: shouldRoundUpFiat,
 	});
 
 	return {

src/utils/helpers.ts

@@ -177,6 +177,10 @@ export const getLastWordInString = (phrase: string): string => {
 	}
 };
 
+export const roundUpToTwoDecimals = (num: number): number => {
+	return Math.ceil(num * 100) / 100;
+};
+
 /**
  * Determines if the two arrays passed as params match.
  * @param arr1