renaming

ui/pages/ApiKeys.tsx

@@ -12,8 +12,8 @@ import ApiKeyListItem from 'ui/apiKey/ApiKeyTable/ApiKeyListItem';
 import ApiKeyTable from 'ui/apiKey/ApiKeyTable/ApiKeyTable';
 import DeleteApiKeyModal from 'ui/apiKey/DeleteApiKeyModal';
 import AccountPageDescription from 'ui/shared/AccountPageDescription';
-import AccountPageHeader from 'ui/shared/AccountPageHeader';
 import Page from 'ui/shared/Page';
+import PageHeader from 'ui/shared/PageHeader';
 import SkeletonAccountMobile from 'ui/shared/SkeletonAccountMobile';
 import SkeletonTable from 'ui/shared/SkeletonTable';
 
@@ -128,7 +128,7 @@ const ApiKeysPage: React.FC = () => {
   return (
     <Page>
       <Box h="100%">
-        <AccountPageHeader text="API keys"/>
+        <PageHeader text="API keys"/>
         { content }
       </Box>
     </Page>

ui/pages/CustomAbi.tsx

@@ -11,8 +11,8 @@ import CustomAbiListItem from 'ui/customAbi/CustomAbiTable/CustomAbiListItem';
 import CustomAbiTable from 'ui/customAbi/CustomAbiTable/CustomAbiTable';
 import DeleteCustomAbiModal from 'ui/customAbi/DeleteCustomAbiModal';
 import AccountPageDescription from 'ui/shared/AccountPageDescription';
-import AccountPageHeader from 'ui/shared/AccountPageHeader';
 import Page from 'ui/shared/Page';
+import PageHeader from 'ui/shared/PageHeader';
 import SkeletonAccountMobile from 'ui/shared/SkeletonAccountMobile';
 import SkeletonTable from 'ui/shared/SkeletonTable';
 
@@ -116,7 +116,7 @@ const CustomAbiPage: React.FC = () => {
   return (
     <Page>
       <Box h="100%">
-        <AccountPageHeader text="Custom ABI"/>
+        <PageHeader text="Custom ABI"/>
         { content }
       </Box>
     </Page>

ui/pages/MyProfile.tsx

@@ -2,10 +2,10 @@ import { VStack, FormControl, FormLabel, Input } from '@chakra-ui/react';
 import React from 'react';
 
 import useFetchProfileInfo from 'lib/hooks/useFetchProfileInfo';
-import AccountPageHeader from 'ui/shared/AccountPageHeader';
 import ContentLoader from 'ui/shared/ContentLoader';
 import DataFetchAlert from 'ui/shared/DataFetchAlert';
 import Page from 'ui/shared/Page';
+import PageHeader from 'ui/shared/PageHeader';
 import UserAvatar from 'ui/shared/UserAvatar';
 
 const MyProfile = () => {
@@ -56,7 +56,7 @@ const MyProfile = () => {
 
   return (
     <Page>
-      <AccountPageHeader text="My profile"/>
+      <PageHeader text="My profile"/>
       { content }
     </Page>
   );

ui/pages/PrivateTags.tsx

@@ -11,8 +11,8 @@ import React, { useCallback, useState } from 'react';
 import useBasePath from 'lib/hooks/useBasePath';
 import PrivateAddressTags from 'ui/privateTags/PrivateAddressTags';
 import PrivateTransactionTags from 'ui/privateTags/PrivateTransactionTags';
-import AccountPageHeader from 'ui/shared/AccountPageHeader';
 import Page from 'ui/shared/Page';
+import PageHeader from 'ui/shared/PageHeader';
 
 const TABS = [ 'address', 'transaction' ] as const;
 
@@ -36,7 +36,7 @@ const PrivateTags = ({ tab }: Props) => {
   return (
     <Page>
       <Box h="100%">
-        <AccountPageHeader text="Private tags"/>
+        <PageHeader text="Private tags"/>
         <Tabs variant="soft-rounded" colorScheme="blue" isLazy onChange={ onChangeTab } defaultIndex={ TABS.indexOf(tab) }>
           <TabList marginBottom={{ base: 6, lg: 8 }}>
             <Tab>Address</Tab>

ui/pages/PublicTags.tsx

@@ -9,8 +9,8 @@ import useIsMobile from 'lib/hooks/useIsMobile';
 import useToast from 'lib/hooks/useToast';
 import PublicTagsData from 'ui/publicTags/PublicTagsData';
 import PublicTagsForm from 'ui/publicTags/PublicTagsForm/PublicTagsForm';
-import AccountPageHeader from 'ui/shared/AccountPageHeader';
 import Page from 'ui/shared/Page';
+import PageHeader from 'ui/shared/PageHeader';
 
 type TScreen = 'data' | 'form';
 
@@ -84,7 +84,7 @@ const PublicTagsComponent: React.FC = () => {
             <Text variant="inherit" fontSize="sm" ml={ 2 }>Public tags</Text>
           </Link>
         ) }
-        <AccountPageHeader text={ header }/>
+        <PageHeader text={ header }/>
         { content }
       </Box>
     </Page>

ui/pages/Transaction.tsx

@@ -9,8 +9,8 @@ import { useRouter } from 'next/router';
 import React from 'react';
 
 import useBasePath from 'lib/hooks/useBasePath';
-import AccountPageHeader from 'ui/shared/AccountPageHeader';
 import Page from 'ui/shared/Page';
+import PageHeader from 'ui/shared/PageHeader';
 import TxDetails from 'ui/tx/TxDetails';
 
 interface Tab {
@@ -48,7 +48,7 @@ const TransactionPageContent = ({ tab }: Props) => {
 
   return (
     <Page>
-      <AccountPageHeader text="Transaction details"/>
+      <PageHeader text="Transaction details"/>
       <Tabs variant="soft-rounded" colorScheme="blue" isLazy onChange={ handleTabChange } defaultIndex={ defaultIndex }>
         <TabList marginBottom={{ base: 6, lg: 8 }} flexWrap="wrap">
           { TABS.map((tab) => <Tab key={ tab.type }>{ tab.name }</Tab>) }

ui/pages/Watchlist.tsx

@@ -7,9 +7,9 @@ import type { TWatchlist, TWatchlistItem } from 'types/client/account';
 import fetch from 'lib/client/fetch';
 import useIsMobile from 'lib/hooks/useIsMobile';
 import AccountPageDescription from 'ui/shared/AccountPageDescription';
-import AccountPageHeader from 'ui/shared/AccountPageHeader';
 import DataFetchAlert from 'ui/shared/DataFetchAlert';
 import Page from 'ui/shared/Page';
+import PageHeader from 'ui/shared/PageHeader';
 import SkeletonAccountMobile from 'ui/shared/SkeletonAccountMobile';
 import SkeletonTable from 'ui/shared/SkeletonTable';
 import AddressModal from 'ui/watchlist/AddressModal/AddressModal';
@@ -113,7 +113,7 @@ const WatchList: React.FC = () => {
   return (
     <Page>
       <Box h="100%">
-        <AccountPageHeader text="Watch list"/>
+        <PageHeader text="Watch list"/>
         { content }
       </Box>
     </Page>

ui/shared/AccountPageHeader.tsx → ui/shared/PageHeader.tsx

 import { Heading } from '@chakra-ui/react';
 import React from 'react';
 
-const AccountPageHeader = ({ text }: {text: string}) => {
+const PageHeader = ({ text }: {text: string}) => {
   return (
     <Heading as="h1" size="lg" marginBottom={{ base: 6, lg: 8 }}>{ text }</Heading>
   );
 };
 
-export default AccountPageHeader;
+export default PageHeader;