styling

Author: 0xlukem

.chain-interactions/send-transactions/calculate-transaction-fees.md

@@ -127,7 +127,7 @@ To see fees before submitting a transfer:
 4. Click **Sign and Submit**.
 5. The transaction fee will be displayed in the confirmation dialog before you sign.
 
-    ![](/images/chain-interactions/send-transactions/calculate-transaction-fees/calculate-transaction-fees.gif)
+    ![](/images/chain-interactions/send-transactions/calculate-transaction-fees/calculate-transaction-fees-01.gif)
 
 ## Where to Go Next
 

.snippets/code/chain-interactions/send-transactions/calculate-transaction-fees/papi-fee-calculator.ts

@@ -1,20 +1,20 @@
-import { createClient } from "polkadot-api";
-import { withPolkadotSdkCompat } from "polkadot-api/polkadot-sdk-compat";
-import { polkadotTestNet } from "@polkadot-api/descriptors";
-import { getWsProvider } from "polkadot-api/ws-provider";
+import { createClient } from 'polkadot-api';
+import { withPolkadotSdkCompat } from 'polkadot-api/polkadot-sdk-compat';
+import { polkadotTestNet } from '@polkadot-api/descriptors';
+import { getWsProvider } from 'polkadot-api/ws-provider';
 
 async function calculateFees() {
   // Connect to chain
   const client = createClient(
-    withPolkadotSdkCompat(getWsProvider("INSERT_WS_ENDPOINT"))
+    withPolkadotSdkCompat(getWsProvider('INSERT_WS_ENDPOINT'))
   );
 
   // Get typed API
   const api = client.getTypedApi(polkadotTestNet);
 
   // Define sender and recipient addresses
-  const aliceAddress = "INSERT_ALICE_ADDRESS";
-  const bobAddress = "INSERT_BOB_ADDRESS";
+  const aliceAddress = 'INSERT_ALICE_ADDRESS';
+  const bobAddress = 'INSERT_BOB_ADDRESS';
 
   // Amount to transfer (1 DOT = 10^10 plancks)
   const amount = 10_000_000_000n; // 1 DOT
@@ -23,7 +23,7 @@ async function calculateFees() {
     // Create the transaction
     const tx = api.tx.Balances.transfer_keep_alive({
       dest: {
-        type: "Id",
+        type: 'Id',
         value: bobAddress,
       },
       value: amount,
@@ -34,11 +34,9 @@ async function calculateFees() {
 
     console.log(`Estimated fee: ${Number(estimatedFees) / 1e10} DOT`);
     console.log(`Transaction amount: ${Number(amount) / 1e10} DOT`);
-    console.log(
-      `Total deducted: ${Number(estimatedFees + amount) / 1e10} DOT`
-    );
+    console.log(`Total deducted: ${Number(estimatedFees + amount) / 1e10} DOT`);
   } catch (error) {
-    console.error("Error calculating fees:", error);
+    console.error('Error calculating fees:', error);
   } finally {
     // Clean up
     client.destroy();

.snippets/code/chain-interactions/send-transactions/calculate-transaction-fees/polkadotjs-fee-calculator.ts

@@ -1,16 +1,16 @@
-import { ApiPromise, WsProvider } from "@polkadot/api";
+import { ApiPromise, WsProvider } from '@polkadot/api';
 
 async function calculateFees() {
   // Connect to chain
-  const wsProvider = new WsProvider("INSERT_WS_ENDPOINT");
+  const wsProvider = new WsProvider('INSERT_WS_ENDPOINT');
   const api = await ApiPromise.create({ provider: wsProvider });
 
   // Wait for API to be ready
   await api.isReady;
 
   // Define sender and recipient addresses
-  const aliceAddress = "INSERT_ALICE_ADDRESS";
-  const bobAddress = "INSERT_BOB_ADDRESS";
+  const aliceAddress = 'INSERT_ALICE_ADDRESS';
+  const bobAddress = 'INSERT_BOB_ADDRESS';
 
   // Amount to transfer (1 DOT = 10^10 plancks)
   const amount = 10_000_000_000n; // 1 DOT
@@ -22,13 +22,17 @@ async function calculateFees() {
     // Get payment information
     const paymentInfo = await tx.paymentInfo(aliceAddress);
 
-    console.log(`Estimated fee: ${Number(paymentInfo.partialFee.toBigInt()) / 1e10} DOT`);
+    console.log(
+      `Estimated fee: ${Number(paymentInfo.partialFee.toBigInt()) / 1e10} DOT`
+    );
     console.log(`Transaction amount: ${Number(amount) / 1e10} DOT`);
     console.log(
-      `Total deducted: ${Number(paymentInfo.partialFee.toBigInt() + amount) / 1e10} DOT`
+      `Total deducted: ${
+        Number(paymentInfo.partialFee.toBigInt() + amount) / 1e10
+      } DOT`
     );
   } catch (error) {
-    console.error("Error calculating fees:", error);
+    console.error('Error calculating fees:', error);
   } finally {
     // Clean up
     await api.disconnect();