From 7b01750d41bda32c3b851521ba9fbc6cf31d3417 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Sat, 11 Jul 2026 16:08:51 +0000
Subject: [PATCH 1/2] Move issue token and mint NFT buttons to header as
 icon-only actions

Relocate the primary wallet actions from the page body into the top-right
header corner alongside the receive address. Use outline icon buttons with
aria-label and title for accessibility, and expose them on mobile via
mobileActionItems.

Co-authored-by: Andreas Greimel <greimela@users.noreply.github.com>
---
 src/pages/NftList.tsx   | 29 ++++++++++++++++++-----------
 src/pages/TokenList.tsx | 24 ++++++++++++++----------
 2 files changed, 32 insertions(+), 21 deletions(-)

diff --git a/src/pages/NftList.tsx b/src/pages/NftList.tsx
index 509ec5b72..313bb6e0f 100644
--- a/src/pages/NftList.tsx
+++ b/src/pages/NftList.tsx
@@ -13,7 +13,6 @@ import { useNftData } from '@/hooks/useNftData';
 import { NftGroupMode, useNftParams } from '@/hooks/useNftParams';
 import { exportNfts } from '@/lib/exportNfts';
 import { t } from '@lingui/core/macro';
-import { Trans } from '@lingui/react/macro';
 import { ImagePlusIcon } from 'lucide-react';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { useNavigate, useParams } from 'react-router-dom';
@@ -110,6 +109,18 @@ export function NftList() {
     [params.page, params.pageSize, total, setParams, canLoadMore, isLoading],
   );
 
+  const mintNftButton = (
+    <Button
+      variant='outline'
+      size='icon'
+      onClick={() => navigate('/nfts/mint')}
+      aria-label={t`Create new NFT`}
+      title={t`Create new NFT`}
+    >
+      <ImagePlusIcon className='h-4 w-4' aria-hidden='true' />
+    </Button>
+  );
+
   return (
     <>
       <Header
@@ -126,19 +137,15 @@ export function NftList() {
         paginationControls={
           !isOptionsVisible ? renderPagination(true) : undefined
         }
+        mobileActionItems={mintNftButton}
       >
-        <ReceiveAddress />
+        <div className='flex items-center gap-2'>
+          {mintNftButton}
+          <ReceiveAddress />
+        </div>
       </Header>
 
       <Container>
-        <Button
-          onClick={() => navigate('/nfts/mint')}
-          aria-label={t`Create new NFT`}
-        >
-          <ImagePlusIcon className='h-4 w-4 mr-2' aria-hidden='true' />
-          <Trans>Mint NFT</Trans>
-        </Button>
-
         <div ref={optionsRef}>
           <NftOptions
             params={params}
@@ -148,7 +155,7 @@ export function NftList() {
               setMultiSelect(value);
               setSelected([]);
             }}
-            className='mt-4'
+            className='mb-4'
             renderPagination={() => renderPagination(false)}
             aria-live='polite'
             onExport={() =>
diff --git a/src/pages/TokenList.tsx b/src/pages/TokenList.tsx
index 57f5674cb..abc15a5f5 100644
--- a/src/pages/TokenList.tsx
+++ b/src/pages/TokenList.tsx
@@ -169,23 +169,27 @@ export function TokenList() {
     },
   };
 
+  const issueTokenButton = (
+    <Button
+      variant='outline'
+      size='icon'
+      onClick={() => navigate('/wallet/issue-token')}
+      aria-label={t`Issue new token`}
+      title={t`Issue new token`}
+    >
+      <Coins className='h-4 w-4' aria-hidden='true' />
+    </Button>
+  );
+
   return (
     <>
-      <Header title={<Trans>Assets</Trans>}>
+      <Header title={<Trans>Assets</Trans>} mobileActionItems={issueTokenButton}>
         <div className='flex items-center gap-2'>
+          {issueTokenButton}
           <ReceiveAddress />
         </div>
       </Header>
       <Container>
-        <Button
-          onClick={() => navigate('/wallet/issue-token')}
-          aria-label={t`Issue new token`}
-          className='mb-4'
-        >
-          <Coins className='h-4 w-4 mr-2' aria-hidden='true' />
-          <Trans>Issue Token</Trans>
-        </Button>
-
         <TokenOptions
           query={params.search}
           setQuery={(value) => setParams({ search: value })}

From 4d4aba4bfcd32a37a07e771c254c1d1f42b0e15d Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Sat, 11 Jul 2026 16:10:16 +0000
Subject: [PATCH 2/2] Fix prettier formatting in TokenList

Co-authored-by: Andreas Greimel <greimela@users.noreply.github.com>
---
 src/pages/TokenList.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/pages/TokenList.tsx b/src/pages/TokenList.tsx
index abc15a5f5..2702d075b 100644
--- a/src/pages/TokenList.tsx
+++ b/src/pages/TokenList.tsx
@@ -183,7 +183,10 @@ export function TokenList() {
 
   return (
     <>
-      <Header title={<Trans>Assets</Trans>} mobileActionItems={issueTokenButton}>
+      <Header
+        title={<Trans>Assets</Trans>}
+        mobileActionItems={issueTokenButton}
+      >
         <div className='flex items-center gap-2'>
           {issueTokenButton}
           <ReceiveAddress />