From a76a2d71a2f3adf5e89228100b8ed9669e661e3e Mon Sep 17 00:00:00 2001
From: Willian Mitsuda <wmitsuda@gmail.com>
Date: Mon, 6 Sep 2021 03:34:13 -0300
Subject: [PATCH] Rename component

---
 src/AddressTransactions.tsx            | 10 +++++-----
 src/Transaction.tsx                    |  8 ++++----
 src/components/{Tab.tsx => NavTab.tsx} |  6 +++---
 3 files changed, 12 insertions(+), 12 deletions(-)
 rename src/components/{Tab.tsx => NavTab.tsx} (75%)

diff --git a/src/AddressTransactions.tsx b/src/AddressTransactions.tsx
index 1970b8c..cb17b4b 100644
--- a/src/AddressTransactions.tsx
+++ b/src/AddressTransactions.tsx
@@ -21,7 +21,7 @@ import StandardFrame from "./StandardFrame";
 import StandardSubtitle from "./StandardSubtitle";
 import Copy from "./components/Copy";
 import ContentFrame from "./ContentFrame";
-import CustomTab from "./components/Tab";
+import NavTab from "./components/NavTab";
 import Contracts from "./address/Contracts";
 import UndefinedPageControl from "./search/UndefinedPageControl";
 import ResultHeader from "./search/ResultHeader";
@@ -217,14 +217,14 @@ const AddressTransactions: React.FC = () => {
             <Tab.Group>
               <Tab.List className="flex space-x-2 border-l border-r border-t rounded-t-lg bg-white">
                 <Tab as={Fragment}>
-                  <CustomTab href={`/address/${checksummedAddress}`}>
+                  <NavTab href={`/address/${checksummedAddress}`}>
                     Overview
-                  </CustomTab>
+                  </NavTab>
                 </Tab>
                 <Tab as={Fragment}>
-                  <CustomTab href={`/address/${checksummedAddress}/contract`}>
+                  <NavTab href={`/address/${checksummedAddress}/contract`}>
                     Contract
-                  </CustomTab>
+                  </NavTab>
                 </Tab>
               </Tab.List>
               <Tab.Panels>
diff --git a/src/Transaction.tsx b/src/Transaction.tsx
index f24cbbe..63ec3ca 100644
--- a/src/Transaction.tsx
+++ b/src/Transaction.tsx
@@ -4,7 +4,7 @@ import StandardFrame from "./StandardFrame";
 import StandardSubtitle from "./StandardSubtitle";
 import ContentFrame from "./ContentFrame";
 import TabGroup from "./components/TabGroup";
-import Tab from "./components/Tab";
+import NavTab from "./components/NavTab";
 import Details from "./transaction/Details";
 import Logs from "./transaction/Logs";
 import { RuntimeContext } from "./useRuntime";
@@ -57,11 +57,11 @@ const Transaction: React.FC = () => {
       {txData && (
         <SelectionContext.Provider value={selectionCtx}>
           <TabGroup>
-            <Tab href={`/tx/${txhash}`}>Overview</Tab>
+            <NavTab href={`/tx/${txhash}`}>Overview</NavTab>
             {txData.confirmedData?.blockNumber !== undefined && (
-              <Tab href={`/tx/${txhash}/logs`}>
+              <NavTab href={`/tx/${txhash}/logs`}>
                 Logs{txData && ` (${txData.confirmedData?.logs?.length ?? 0})`}
-              </Tab>
+              </NavTab>
             )}
           </TabGroup>
           <Switch>
diff --git a/src/components/Tab.tsx b/src/components/NavTab.tsx
similarity index 75%
rename from src/components/Tab.tsx
rename to src/components/NavTab.tsx
index 4e9352a..c3b6d54 100644
--- a/src/components/Tab.tsx
+++ b/src/components/NavTab.tsx
@@ -1,11 +1,11 @@
 import React from "react";
 import { NavLink } from "react-router-dom";
 
-type TabProps = {
+type NavTabProps = {
   href: string;
 };
 
-const Tab: React.FC<TabProps> = ({ href, children }) => (
+const NavTab: React.FC<NavTabProps> = ({ href, children }) => (
   <NavLink
     className="text-gray-500 border-transparent hover:text-link-blue text-sm font-bold px-3 py-3 border-b-2"
     activeClassName="text-link-blue border-link-blue"
@@ -17,4 +17,4 @@ const Tab: React.FC<TabProps> = ({ href, children }) => (
   </NavLink>
 );
 
-export default Tab;
+export default NavTab;