Skip to content

F
frontend
Commit 05598530 authored by tom's avatar tom
Browse files
Options

rename PageHeader into PageTitle

parent 425a0225
Hide whitespace changes
Inline Side-by-side
Showing with 23 additions and 25 deletions
pages/[network_type]/[network_sub_type]/apps.tsx
View file @ 05598530
......@@ -3,12 +3,12 @@ import React from 'react';
import Apps from 'ui/pages/Apps';
import Page from 'ui/shared/Page';
import PageHeader from 'ui/shared/PageHeader';
import PageTitle from 'ui/shared/PageTitle';
const AppsPage = () => {
return (
<Page>
<PageHeader text="Apps"/>
<PageTitle text="Apps"/>
<Head><title>Apps</title></Head>
<Apps/>
......
pages/[network_type]/[network_sub_type]/index.tsx
View file @ 05598530
......@@ -9,7 +9,7 @@ import useNetwork from 'lib/hooks/useNetwork';
import useToast from 'lib/hooks/useToast';
import getAvailablePaths from 'lib/networks/getAvailablePaths';
import Page from 'ui/shared/Page';
import PageHeader from 'ui/shared/PageHeader';
import PageTitle from 'ui/shared/PageTitle';
const Home: NextPage = () => {
const router = useRouter();
......@@ -49,7 +49,7 @@ const Home: NextPage = () => {
return (
<Page>
<VStack gap={ 4 } alignItems="flex-start" maxW="800px">
<PageHeader text={
<PageTitle text={
`Home Page for ${ selectedNetwork?.name } network`
}/>
{ /* will be deleted when we move to new CI */ }
......
ui/blocks/profileMenu/ProfileMenuDesktop.tsx
View file @ 05598530
......@@ -11,7 +11,7 @@ const ProfileMenuDesktop = () => {
return (
<Popover openDelay={ 300 } placement="bottom-end" gutter={ 10 } isLazy>
<PopoverTrigger>
<Button variant="unstyled" display="inline-flex" height="auto">
<Button variant="unstyled" display="inline-flex" height="auto" flexShrink={ 0 }>
<UserAvatar size={ 50 } data={ data }/>
</Button>
</PopoverTrigger>
......
ui/pages/ApiKeys.tsx
View file @ 05598530
......@@ -13,7 +13,7 @@ import ApiKeyTable from 'ui/apiKey/ApiKeyTable/ApiKeyTable';
import DeleteApiKeyModal from 'ui/apiKey/DeleteApiKeyModal';
import AccountPageDescription from 'ui/shared/AccountPageDescription';
import Page from 'ui/shared/Page';
import PageHeader from 'ui/shared/PageHeader';
import PageTitle from 'ui/shared/PageTitle';
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%">
<PageHeader text="API keys"/>
<PageTitle text="API keys"/>
{ content }
</Box>
</Page>
......
ui/pages/CustomAbi.tsx
View file @ 05598530
......@@ -12,7 +12,7 @@ import CustomAbiTable from 'ui/customAbi/CustomAbiTable/CustomAbiTable';
import DeleteCustomAbiModal from 'ui/customAbi/DeleteCustomAbiModal';
import AccountPageDescription from 'ui/shared/AccountPageDescription';
import Page from 'ui/shared/Page';
import PageHeader from 'ui/shared/PageHeader';
import PageTitle from 'ui/shared/PageTitle';
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%">
<PageHeader text="Custom ABI"/>
<PageTitle text="Custom ABI"/>
{ content }
</Box>
</Page>
......
ui/pages/MyProfile.tsx
View file @ 05598530
......@@ -5,7 +5,7 @@ import useFetchProfileInfo from 'lib/hooks/useFetchProfileInfo';
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 PageTitle from 'ui/shared/PageTitle';
import UserAvatar from 'ui/shared/UserAvatar';
const MyProfile = () => {
......@@ -56,7 +56,7 @@ const MyProfile = () => {
return (
<Page>
<PageHeader text="My profile"/>
<PageTitle text="My profile"/>
{ content }
</Page>
);
......
ui/pages/PrivateTags.tsx
View file @ 05598530
import { Box } from '@chakra-ui/react'; import React from 'react';
import React from 'react';
import type { RoutedTab } from 'ui/shared/RoutedTabs/types';
import PrivateAddressTags from 'ui/privateTags/PrivateAddressTags';
import PrivateTransactionTags from 'ui/privateTags/PrivateTransactionTags';
import Page from 'ui/shared/Page';
import PageHeader from 'ui/shared/PageHeader';
import PageTitle from 'ui/shared/PageTitle';
import RoutedTabs from 'ui/shared/RoutedTabs/RoutedTabs';
const TABS: Array<RoutedTab> = [
......@@ -20,10 +20,8 @@ type Props = {
const PrivateTags = ({ tab }: Props) => {
return (
<Page>
<Box h="100%">
<PageHeader text="Private tags"/>
<RoutedTabs tabs={ TABS } defaultActiveTab={ tab }/>
</Box>
<PageTitle text="Private tags"/>
<RoutedTabs tabs={ TABS } defaultActiveTab={ tab }/>
</Page>
);
};
......
ui/pages/PublicTags.tsx
View file @ 05598530
......@@ -10,7 +10,7 @@ import useToast from 'lib/hooks/useToast';
import PublicTagsData from 'ui/publicTags/PublicTagsData';
import PublicTagsForm from 'ui/publicTags/PublicTagsForm/PublicTagsForm';
import Page from 'ui/shared/Page';
import PageHeader from 'ui/shared/PageHeader';
import PageTitle from 'ui/shared/PageTitle';
type TScreen = 'data' | 'form';
......@@ -84,7 +84,7 @@ const PublicTagsComponent: React.FC = () => {
<Text variant="inherit" fontSize="sm" ml={ 2 }>Public tags</Text>
</Link>
) }
<PageHeader text={ header }/>
<PageTitle text={ header }/>
{ content }
</Box>
</Page>
......
ui/pages/Transaction.tsx
View file @ 05598530
......@@ -3,7 +3,7 @@ import React from 'react';
import type { RoutedTab } from 'ui/shared/RoutedTabs/types';
import Page from 'ui/shared/Page';
import PageHeader from 'ui/shared/PageHeader';
import PageTitle from 'ui/shared/PageTitle';
import RoutedTabs from 'ui/shared/RoutedTabs/RoutedTabs';
import TxDetails from 'ui/tx/TxDetails';
import TxInternals from 'ui/tx/TxInternals';
......@@ -26,7 +26,7 @@ export interface Props {
const TransactionPageContent = ({ tab }: Props) => {
return (
<Page>
<PageHeader text="Transaction details"/>
<PageTitle text="Transaction details"/>
<RoutedTabs tabs={ TABS } defaultActiveTab={ tab }/>
</Page>
);
......
ui/pages/Watchlist.tsx
View file @ 05598530
......@@ -9,7 +9,7 @@ import useIsMobile from 'lib/hooks/useIsMobile';
import AccountPageDescription from 'ui/shared/AccountPageDescription';
import DataFetchAlert from 'ui/shared/DataFetchAlert';
import Page from 'ui/shared/Page';
import PageHeader from 'ui/shared/PageHeader';
import PageTitle from 'ui/shared/PageTitle';
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%">
<PageHeader text="Watch list"/>
<PageTitle text="Watch list"/>
{ content }
</Box>
</Page>
......
ui/shared/PageHeader.tsx → ui/shared/PageTitle.tsx
View file @ 05598530
import { Heading } from '@chakra-ui/react';
import React from 'react';
const PageHeader = ({ text }: {text: string}) => {
const PageTitle = ({ text }: {text: string}) => {
return (
<Heading as="h1" size="lg" marginBottom={{ base: 6, lg: 8 }}>{ text }</Heading>
);
};
export default PageHeader;
export default PageTitle;
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment