From 230fe46abafafd71e3434779bdb7c4b591736c0b Mon Sep 17 00:00:00 2001
From: Pete Watters <2938440+pete-watters@users.noreply.github.com>
Date: Fri, 13 Oct 2023 12:41:57 +0100
Subject: [PATCH] fix: name wrapper more specifically

---
 src/app/features/activity-list/activity-list.tsx   | 14 +++++++-------
 .../activity-list/components/tab-wrapper.tsx       |  7 +++++--
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/app/features/activity-list/activity-list.tsx b/src/app/features/activity-list/activity-list.tsx
index 594a2894c2a..b28cf472e9e 100644
--- a/src/app/features/activity-list/activity-list.tsx
+++ b/src/app/features/activity-list/activity-list.tsx
@@ -16,7 +16,7 @@ import { convertBitcoinTxsToListType, convertStacksTxsToListType } from './activ
 import { NoAccountActivity } from './components/no-account-activity';
 import { PendingTransactionList } from './components/pending-transaction-list/pending-transaction-list';
 import { SubmittedTransactionList } from './components/submitted-transaction-list/submitted-transaction-list';
-import { TabWrapper } from './components/tab-wrapper';
+import { ActivityListTabWrapper } from './components/tab-wrapper';
 import { TransactionList } from './components/transaction-list/transaction-list';
 
 // TODO: temporary really ugly fix while we address conditional data problem of
@@ -97,20 +97,20 @@ export function ActivityList() {
 
   if (isInitialLoading)
     return (
-      <TabWrapper padContent>
+      <ActivityListTabWrapper padContent>
         <LoadingSpinner />
-      </TabWrapper>
+      </ActivityListTabWrapper>
     );
 
   if (!hasTxs)
     return (
-      <TabWrapper padContent>
+      <ActivityListTabWrapper padContent>
         <NoAccountActivity />
-      </TabWrapper>
+      </ActivityListTabWrapper>
     );
 
   return (
-    <TabWrapper>
+    <ActivityListTabWrapper>
       {hasSubmittedTransactions && <SubmittedTransactionList txs={submittedTransactions} />}
       {hasPendingTransactions && (
         <PendingTransactionList
@@ -125,6 +125,6 @@ export function ActivityList() {
           currentBitcoinAddress={nsBitcoinAddress}
         />
       )}
-    </TabWrapper>
+    </ActivityListTabWrapper>
   );
 }
diff --git a/src/app/features/activity-list/components/tab-wrapper.tsx b/src/app/features/activity-list/components/tab-wrapper.tsx
index e22e6286ef6..7d82c501831 100644
--- a/src/app/features/activity-list/components/tab-wrapper.tsx
+++ b/src/app/features/activity-list/components/tab-wrapper.tsx
@@ -1,11 +1,14 @@
 import { Box } from 'leather-styles/jsx';
 
-interface TabWrapperProps {
+interface ActivityListTabWrapperProps {
   children: React.ReactNode;
   padContent?: boolean;
 }
 
-export function TabWrapper({ children, padContent = false }: TabWrapperProps) {
+export function ActivityListTabWrapper({
+  children,
+  padContent = false,
+}: ActivityListTabWrapperProps) {
   return (
     // Height set based on the height of the empty assets screen
     <Box minHeight="477px" py={padContent ? 'space.11' : undefined}>