From 70baa48120632524069dbd428ec9f0a9f3105f95 Mon Sep 17 00:00:00 2001
From: Izumi Hoshino <admin@chiamine.jp>
Date: Thu, 12 Dec 2024 01:32:58 +0900
Subject: [PATCH] Moved expand icon button for wallet transaction history

---
 .../wallets/src/components/WalletHistory.tsx    | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/packages/wallets/src/components/WalletHistory.tsx b/packages/wallets/src/components/WalletHistory.tsx
index f4a4017a5e..6a0023de39 100644
--- a/packages/wallets/src/components/WalletHistory.tsx
+++ b/packages/wallets/src/components/WalletHistory.tsx
@@ -98,6 +98,14 @@ async function handleRowClick(
 }
 
 const getCols = (type: WalletType, isSyncing, getOfferRecord, navigate, location) => [
+  {
+    width: '70px',
+    field: (row: Row, metadata, isExpanded, toggleExpand) => (
+      <IconButton aria-label="expand row" size="small" onClick={() => toggleExpand(row)}>
+        {isExpanded ? <ExpandLessIcon color="info" /> : <ExpandMoreIcon color="info" />}
+      </IconButton>
+    ),
+  },
   {
     field: (row: Row, metadata) => {
       const isOutgoing = getIsOutgoingTransaction(row);
@@ -235,15 +243,6 @@ const getCols = (type: WalletType, isSyncing, getOfferRecord, navigate, location
     ),
     title: <Trans>Fee</Trans>,
   },
-
-  {
-    width: '70px',
-    field: (row: Row, metadata, isExpanded, toggleExpand) => (
-      <IconButton aria-label="expand row" size="small" onClick={() => toggleExpand(row)}>
-        {isExpanded ? <ExpandLessIcon color="info" /> : <ExpandMoreIcon color="info" />}
-      </IconButton>
-    ),
-  },
 ];
 
 type Props = {