From d5fe5276b24edaa0838216482974cc84dcbb779e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tomasz=20T=C3=B3rz?= <tomasz.torz@l2beat.com>
Date: Fri, 18 Aug 2023 09:32:56 +0200
Subject: [PATCH] change transactions column order

---
 .../src/view/components/tables/TransactionsTable.tsx      | 8 ++++----
 packages/frontend/src/view/pages/home/HomePage.tsx        | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/frontend/src/view/components/tables/TransactionsTable.tsx b/packages/frontend/src/view/components/tables/TransactionsTable.tsx
index 954856245..3e00aee25 100644
--- a/packages/frontend/src/view/components/tables/TransactionsTable.tsx
+++ b/packages/frontend/src/view/components/tables/TransactionsTable.tsx
@@ -14,7 +14,7 @@ import { TimeAgeCell } from '../TimeAgeCell'
 interface TransactionsTableProps {
   transactions: TransactionEntry[]
   hideAge?: boolean
-  hideAmount?: boolean
+  hideInfo?: boolean
 }
 
 export interface TransactionEntry {
@@ -36,8 +36,8 @@ export interface TransactionEntry {
 export function TransactionsTable(props: TransactionsTableProps) {
   const columns: Column[] = [
     { header: 'Tx Hash' },
-    ...(!props.hideAmount ? [{ header: 'Amount' }] : []),
     { header: 'Type' },
+    ...(!props.hideInfo ? [{ header: 'Info' }] : []),
     { header: 'Status' },
     ...(!props.hideAge ? [{ header: 'Age' }] : []),
   ]
@@ -54,7 +54,8 @@ export function TransactionsTable(props: TransactionsTableProps) {
               {transaction.hash.toString()}
             </InlineEllipsis>
           </Link>,
-          ...(!props.hideAmount
+          toTypeText(transaction.type),
+          ...(!props.hideInfo
             ? [
                 <div className="flex items-center gap-0.5">
                   {transaction.asset && transaction.amount !== undefined
@@ -71,7 +72,6 @@ export function TransactionsTable(props: TransactionsTableProps) {
                 </div>,
               ]
             : []),
-          toTypeText(transaction.type),
           <StatusBadge type={status.type}>{status.text}</StatusBadge>,
           ...(!props.hideAge
             ? [<TimeAgeCell timestamp={transaction.timestamp} />]
diff --git a/packages/frontend/src/view/pages/home/HomePage.tsx b/packages/frontend/src/view/pages/home/HomePage.tsx
index 986aab49d..eb90e3165 100644
--- a/packages/frontend/src/view/pages/home/HomePage.tsx
+++ b/packages/frontend/src/view/pages/home/HomePage.tsx
@@ -112,7 +112,7 @@ function HomePage(props: HomePageProps) {
                 >
                   <TransactionsTable
                     transactions={props.forcedTransactions}
-                    hideAmount
+                    hideInfo
                   />
                 </TablePreview>
               </Card>