feat(suite-native): add eip1559 standard fee options

Author: BrantalikP

suite-common/wallet-core/src/fees/feesReducer.ts

@@ -1,7 +1,7 @@
 import { createReducer } from '@reduxjs/toolkit';
 
 import { createWeakMapSelector } from '@suite-common/redux-utils';
-import { formatDuration } from '@suite-common/suite-utils';
+import { formatDurationStrict } from '@suite-common/suite-utils';
 import { NetworkSymbol, getNetworkType } from '@suite-common/wallet-config';
 import { FeeInfo, FeeLevelLabel, FeesState, FeesStatus } from '@suite-common/wallet-types';
 import { getConvertedOrDefaultFeeInfo } from '@suite-common/wallet-utils';
@@ -96,11 +96,19 @@ export const selectNetworkFeeLevel = createMemoizedSelector(
 );
 
 export const selectConvertedNetworkFeeLevelTimeEstimate = createMemoizedSelector(
-    [selectConvertedNetworkFeeInfo, selectNetworkFeeLevel],
-    (networkFeeInfo, feeLevel): string | null => {
+    [
+        selectConvertedNetworkFeeInfo,
+        selectNetworkFeeLevel,
+        (_state: FeesRootState, symbol?: NetworkSymbol) => symbol,
+    ],
+    (networkFeeInfo, feeLevel, symbol): string | null => {
         if (!feeLevel || !networkFeeInfo) return null;
 
-        return formatDuration(networkFeeInfo.blockTime * feeLevel.blocks * 60);
+        const networkType = symbol ? getNetworkType(symbol) : null;
+
+        const multiplier = networkType === 'bitcoin' ? 60 : 1;
+
+        return formatDurationStrict(networkFeeInfo.blockTime * feeLevel.blocks * multiplier);
     },
 );
 

suite-native/transaction-management/src/components/fees/FeeOptionList/FeeOption.tsx

@@ -8,7 +8,12 @@ import Animated, {
 } from 'react-native-reanimated';
 import { useSelector } from 'react-redux';
 
-import { type NetworkSymbol, type NetworkType, getNetworkType } from '@suite-common/wallet-config';
+import {
+    type NetworkSymbol,
+    type NetworkType,
+    getNetworkType,
+    hasNetworkSettlementLayer,
+} from '@suite-common/wallet-config';
 import {
     FeesRootState,
     selectConvertedNetworkFeeLevelFeePerUnit,
@@ -19,7 +24,7 @@ import {
     GeneralPrecomposedTransactionFinal,
     isFinalPrecomposedTransaction,
 } from '@suite-common/wallet-types';
-import { getFeeUnits } from '@suite-common/wallet-utils';
+import { getFeeUnits, isEip1559 } from '@suite-common/wallet-utils';
 import { Box, HStack, Radio, Text, VStack } from '@suite-native/atoms';
 import { CryptoAmountFormatter, CryptoToFiatAmountFormatter } from '@suite-native/formatters';
 import { EmptyAmountSkeleton } from '@suite-native/formatters/src/components/EmptyAmountSkeleton';
@@ -42,6 +47,9 @@ export type FeeOptionProps = {
 };
 
 const feeLabelsMap = {
+    // FIXME: is this correct?
+    //@ts-expect-error
+    low: 'transactionManagement.fees.levels.low',
     economy: 'transactionManagement.fees.levels.low',
     normal: 'transactionManagement.fees.levels.normal',
     high: 'transactionManagement.fees.levels.high',
@@ -64,16 +72,25 @@ const getFeePerUnit = ({
     feeLevel,
     transactionBytes,
     backendFeePerUnit = '0',
+    symbol,
 }: {
     networkType: NetworkType;
     feeLevel: GeneralPrecomposedTransaction;
     transactionBytes: number;
     backendFeePerUnit: string;
+    symbol: NetworkSymbol;
 }): string => {
     if (!isFinalPrecomposedTransaction(feeLevel)) {
         return backendFeePerUnit;
     }
 
+    if (networkType === 'ethereum') {
+        const decimals = hasNetworkSettlementLayer(symbol) ? 4 : 2;
+        const value = Number(isEip1559(feeLevel) ? feeLevel.maxFeePerGas : feeLevel.feePerByte);
+
+        return value.toFixed(decimals);
+    }
+
     if (networkType === 'bitcoin') {
         const feePerVb = Number(feeLevel.fee) / transactionBytes;
 
@@ -142,6 +159,7 @@ export const FeeOption = ({
         feeLevel,
         transactionBytes,
         backendFeePerUnit: backendFeePerUnit ?? '0',
+        symbol,
     });
 
     const formattedFeePerUnit = `${feePerUnit} ${feeUnits}`;

suite-native/transaction-management/src/components/fees/FeeOptionList/FeeOptionsList.tsx

@@ -35,9 +35,10 @@ export const FeeOptionsList = ({
     isLoading,
     onSelectedFeeLevel,
 }: FeeOptionsListProps) => {
+    // FIXME: removed low fee, check if its correct
     const predefinedFeeLevels = pipe(
         feeLevels,
-        D.filterWithKey(key => key !== 'custom' && key !== 'low'),
+        D.filterWithKey(key => key !== 'custom'),
     );
 
     const transactionBytes = getTransactionBytes(predefinedFeeLevels);