feat: platform fee + call settings fix (#1011)

Author: davidleomay

package-lock.json

@@ -12,8 +12,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@dfx.swiss/react": "^1.3.0-beta.255",
-    "@dfx.swiss/react-components": "^1.3.0-beta.255",
+    "@dfx.swiss/react": "^1.3.0-beta.256",
+    "@dfx.swiss/react-components": "^1.3.0-beta.256",
     "@ledgerhq/hw-app-btc": "^6.24.1",
     "@ledgerhq/hw-app-eth": "^6.33.7",
     "@ledgerhq/hw-transport-webhid": "^6.27.19",

package.json

@@ -46,6 +46,7 @@ export function ExchangeRate({
   const bankFee =
     type !== TransactionType.SWAP && !bankFixedFee && !bankPercentFee && fees.bank ? `${fees.bank}${feeSymbol}` : false;
   const networkStartFee = fees?.networkStart ? `${fees?.networkStart}${feeSymbol}` : undefined;
+  const platformFee = fees.platform ? `${fees.platform}${feeSymbol}` : undefined;
 
   const l1Replacement =
     'blockchain' in to &&
@@ -95,6 +96,12 @@ export function ExchangeRate({
           <div>{totalFee}</div>
           <div className="text-dfxGray-800">{translate('screens/payment', 'DFX fee')}</div>
           <div>{dfxFee}</div>
+          {platformFee && (
+            <>
+              <div className="text-dfxGray-800">{translate('screens/payment', 'Platform fee')}</div>
+              <div>{platformFee}</div>
+            </>
+          )}
           {bankFixedFee && (
             <>
               <div className="text-dfxGray-800">{translate('screens/payment', 'Bank fee (fixed)')}</div>

src/components/exchange-rate.tsx

@@ -1010,6 +1010,12 @@ export function TxInfo({ tx, showUserDetails }: TxInfoProps): JSX.Element {
       label: translate('screens/payment', 'DFX fee'),
       text: `${tx.fees.dfx} ${tx.inputAsset} (${(tx.fees.rate * 100).toFixed(2)}%)`,
     });
+  tx.fees?.platform != null &&
+    tx.fees.platform > 0 &&
+    rateItems.push({
+      label: translate('screens/payment', 'Platform fee'),
+      text: `${tx.fees.platform} ${tx.inputAsset}`,
+    });
   tx.fees?.network != null &&
     rateItems.push({
       label: translate('screens/payment', 'Network fee'),

src/screens/transaction.screen.tsx

@@ -630,8 +630,11 @@
     "Base rate": "Basiskurs",
     "Total fee": "Gesamtgebühr",
     "DFX fee": "DFX-Gebühr",
+    "Platform fee": "Plattformgebühr",
     "Network fee": "Netzwerkgebühr",
     "Bank fee": "Bankgebühr",
+    "Bank fee (fixed)": "Bankgebühr (fix)",
+    "Bank fee (percent)": "Bankgebühr (prozentual)",
     "Network start fee": "Netzwerk-Startgebühr",
 
     "Your payment has failed. Please try again.": "Deine Zahlung ist fehlgeschlagen. Bitte versuche es erneut.",

src/translations/languages/de.json

@@ -630,8 +630,11 @@
     "Base rate": "Taux de base",
     "Total fee": "Frais totaux",
     "DFX fee": "Frais DFX",
+    "Platform fee": "Frais de plateforme",
     "Network fee": "Frais de réseau",
     "Bank fee": "Frais bancaires",
+    "Bank fee (fixed)": "Frais bancaires (fixe)",
+    "Bank fee (percent)": "Frais bancaires (pourcentage)",
     "Network start fee": "Frais de démarrage du réseau",
 
     "Your payment has failed. Please try again.": "Votre paiement a échoué. Veuillez réessayer.",

src/translations/languages/fr.json

@@ -630,8 +630,11 @@
     "Base rate": "Tasso base",
     "Total fee": "Commissione totale",
     "DFX fee": "Commissioni DFX",
+    "Platform fee": "Commissione piattaforma",
     "Network fee": "Commissione di rete",
     "Bank fee": "Commissione bancaria",
+    "Bank fee (fixed)": "Commissione bancaria (fissa)",
+    "Bank fee (percent)": "Commissione bancaria (percentuale)",
     "Network start fee": "Commissione di avvio della rete",
 
     "Your payment has failed. Please try again.": "Il tuo pagamento non è andato a buon fine. Per favore, riprova.",