Commit a884fbaa authored by Max Alekseenko's avatar Max Alekseenko

rename prop

parent 04d087ef
...@@ -17,7 +17,7 @@ const LayoutDefault = ({ children }: Props) => { ...@@ -17,7 +17,7 @@ const LayoutDefault = ({ children }: Props) => {
paddingX={{ base: 4, lg: 6 }} paddingX={{ base: 4, lg: 6 }}
> >
<HeaderAlert/> <HeaderAlert/>
<Header isAppPage/> <Header isMarketplaceAppPage/>
<AppErrorBoundary> <AppErrorBoundary>
<Layout.Content pt={{ base: 0, lg: 6 }}> <Layout.Content pt={{ base: 0, lg: 6 }}>
{ children } { children }
......
...@@ -11,10 +11,10 @@ import NetworkMenuContentMobile from 'ui/snippets/networkMenu/NetworkMenuContent ...@@ -11,10 +11,10 @@ import NetworkMenuContentMobile from 'ui/snippets/networkMenu/NetworkMenuContent
import useNetworkMenu from 'ui/snippets/networkMenu/useNetworkMenu'; import useNetworkMenu from 'ui/snippets/networkMenu/useNetworkMenu';
interface Props { interface Props {
isAppPage?: boolean; isMarketplaceAppPage?: boolean;
} }
const Burger = ({ isAppPage }: Props) => { const Burger = ({ isMarketplaceAppPage }: Props) => {
const iconColor = useColorModeValue('gray.600', 'white'); const iconColor = useColorModeValue('gray.600', 'white');
const { isOpen, onOpen, onClose } = useDisclosure(); const { isOpen, onOpen, onClose } = useDisclosure();
const networkMenu = useNetworkMenu(); const networkMenu = useNetworkMenu();
...@@ -61,7 +61,7 @@ const Burger = ({ isAppPage }: Props) => { ...@@ -61,7 +61,7 @@ const Burger = ({ isAppPage }: Props) => {
</Flex> </Flex>
{ networkMenu.isOpen ? { networkMenu.isOpen ?
<NetworkMenuContentMobile tabs={ networkMenu.availableTabs } items={ networkMenu.data }/> : <NetworkMenuContentMobile tabs={ networkMenu.availableTabs } items={ networkMenu.data }/> :
<NavigationMobile onNavLinkClick={ onClose } isAppPage={ isAppPage }/> <NavigationMobile onNavLinkClick={ onClose } isMarketplaceAppPage={ isMarketplaceAppPage }/>
} }
</DrawerBody> </DrawerBody>
</DrawerContent> </DrawerContent>
......
...@@ -14,11 +14,11 @@ import Burger from './Burger'; ...@@ -14,11 +14,11 @@ import Burger from './Burger';
type Props = { type Props = {
isHomePage?: boolean; isHomePage?: boolean;
isAppPage?: boolean; isMarketplaceAppPage?: boolean;
renderSearchBar?: () => React.ReactNode; renderSearchBar?: () => React.ReactNode;
} }
const Header = ({ isHomePage, isAppPage, renderSearchBar }: Props) => { const Header = ({ isHomePage, isMarketplaceAppPage, renderSearchBar }: Props) => {
const bgColor = useColorModeValue('white', 'black'); const bgColor = useColorModeValue('white', 'black');
const scrollDirection = useScrollDirection(); const scrollDirection = useScrollDirection();
...@@ -61,9 +61,9 @@ const Header = ({ isHomePage, isAppPage, renderSearchBar }: Props) => { ...@@ -61,9 +61,9 @@ const Header = ({ isHomePage, isAppPage, renderSearchBar }: Props) => {
justifyContent="center" justifyContent="center"
gap={ 12 } gap={ 12 }
> >
{ isAppPage && ( { isMarketplaceAppPage && (
<Box display="flex" alignItems="center" gap={ 3 }> <Box display="flex" alignItems="center" gap={ 3 }>
<Burger isAppPage/> <Burger isMarketplaceAppPage/>
<NetworkLogo isCollapsed/> <NetworkLogo isCollapsed/>
</Box> </Box>
) } ) }
......
...@@ -11,10 +11,10 @@ import NavLinkGroupMobile from './NavLinkGroupMobile'; ...@@ -11,10 +11,10 @@ import NavLinkGroupMobile from './NavLinkGroupMobile';
interface Props { interface Props {
onNavLinkClick?: () => void; onNavLinkClick?: () => void;
isAppPage?: boolean; isMarketplaceAppPage?: boolean;
} }
const NavigationMobile = ({ onNavLinkClick, isAppPage }: Props) => { const NavigationMobile = ({ onNavLinkClick, isMarketplaceAppPage }: Props) => {
const { mainNavItems, accountNavItems } = useNavItems(); const { mainNavItems, accountNavItems } = useNavItems();
const [ openedGroupIndex, setOpenedGroupIndex ] = React.useState(-1); const [ openedGroupIndex, setOpenedGroupIndex ] = React.useState(-1);
...@@ -62,9 +62,9 @@ const NavigationMobile = ({ onNavLinkClick, isAppPage }: Props) => { ...@@ -62,9 +62,9 @@ const NavigationMobile = ({ onNavLinkClick, isAppPage }: Props) => {
> >
{ mainNavItems.map((item, index) => { { mainNavItems.map((item, index) => {
if (isGroupItem(item)) { if (isGroupItem(item)) {
return <NavLinkGroupMobile key={ item.text } item={ item } onClick={ onGroupItemOpen(index) } isExpanded={ isAppPage }/>; return <NavLinkGroupMobile key={ item.text } item={ item } onClick={ onGroupItemOpen(index) } isExpanded={ isMarketplaceAppPage }/>;
} else { } else {
return <NavLink key={ item.text } item={ item } onClick={ onNavLinkClick } isCollapsed={ isAppPage ? false : undefined }/>; return <NavLink key={ item.text } item={ item } onClick={ onNavLinkClick } isCollapsed={ isMarketplaceAppPage ? false : undefined }/>;
} }
}) } }) }
</VStack> </VStack>
......
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