From 58d3454e8a73f2366e7dba5d6974ad991275d1c3 Mon Sep 17 00:00:00 2001
From: Michal Zielenkiewicz <michal@oasisprotocol.org>
Date: Wed, 25 Sep 2024 12:51:18 +0200
Subject: [PATCH] Swap fee and amount columns in txs tables

---
 .changelog/1554.bugfix.md                              |  1 +
 .../components/Transactions/RuntimeTransactions.tsx    | 10 +++++-----
 2 files changed, 6 insertions(+), 5 deletions(-)
 create mode 100644 .changelog/1554.bugfix.md

diff --git a/.changelog/1554.bugfix.md b/.changelog/1554.bugfix.md
new file mode 100644
index 000000000..a3b83c88a
--- /dev/null
+++ b/.changelog/1554.bugfix.md
@@ -0,0 +1 @@
+Swap fee and amount columns in txs tables
diff --git a/src/app/components/Transactions/RuntimeTransactions.tsx b/src/app/components/Transactions/RuntimeTransactions.tsx
index 97fbf5535..7ef26f907 100644
--- a/src/app/components/Transactions/RuntimeTransactions.tsx
+++ b/src/app/components/Transactions/RuntimeTransactions.tsx
@@ -63,8 +63,8 @@ export const RuntimeTransactions: FC<TransactionsProps> = ({
           { key: 'type', content: t('common.type') },
           { key: 'from', content: t('common.from'), width: '150px' },
           { key: 'to', content: t('common.to'), width: '150px' },
-          { key: 'txnFee', content: t('common.fee'), align: TableCellAlign.Right, width: '250px' },
           { key: 'value', align: TableCellAlign.Right, content: t('common.amount'), width: '250px' },
+          { key: 'txnFee', content: t('common.fee'), align: TableCellAlign.Right, width: '250px' },
         ]
       : []),
   ]
@@ -146,13 +146,13 @@ export const RuntimeTransactions: FC<TransactionsProps> = ({
               },
               {
                 align: TableCellAlign.Right,
-                content: <RoundedBalance value={transaction.charged_fee} ticker={transaction.fee_symbol} />,
-                key: 'fee_amount',
+                content: <RoundedBalance value={transaction.amount} ticker={transaction.amount_symbol} />,
+                key: 'value',
               },
               {
                 align: TableCellAlign.Right,
-                content: <RoundedBalance value={transaction.amount} ticker={transaction.amount_symbol} />,
-                key: 'value',
+                content: <RoundedBalance value={transaction.charged_fee} ticker={transaction.fee_symbol} />,
+                key: 'fee_amount',
               },
             ]
           : []),