diff --git a/source/features/navigation/ui/LocalizedLink.tsx b/source/features/navigation/ui/LocalizedLink.tsx index 17966fde..a3788458 100644 --- a/source/features/navigation/ui/LocalizedLink.tsx +++ b/source/features/navigation/ui/LocalizedLink.tsx @@ -1,3 +1,4 @@ +import { omit } from 'lodash'; import Link, { LinkProps } from 'next/link'; import React from 'react'; import { useI18nFeature } from '../../i18n/context'; @@ -6,16 +7,20 @@ import styles from './LocalizedLink.module.scss'; export const LocalizedLink = ( props: LinkProps & { children: React.ReactNode; + className?: string; } ) => { const i18n = useI18nFeature(); + const linkProps = omit(props, ['class', 'className']); return ( - - {props.children} - + + + {props.children} + + ); }; diff --git a/source/widgets/layout/Header.module.scss b/source/widgets/layout/Header.module.scss index ef101adf..906f33a6 100644 --- a/source/widgets/layout/Header.module.scss +++ b/source/widgets/layout/Header.module.scss @@ -180,8 +180,11 @@ text-transform: uppercase; } - .activeTab { + .activeTab a { color: var(--solid-text-color); + &:hover { + cursor: default; + } } .tabLeftLine { diff --git a/source/widgets/layout/Header.tsx b/source/widgets/layout/Header.tsx index 4ebf5fd9..16f4326f 100644 --- a/source/widgets/layout/Header.tsx +++ b/source/widgets/layout/Header.tsx @@ -24,12 +24,7 @@ export const Header = observer((props: IHeaderProps) => { ? styles.enlargedHeaderContainer : styles.shrinkedHeaderContainer; const headerContainerStyles = cx([styles.headerContainer, brandTypeStyle]); - const indexClassName = !navigation?.store.path.includes('stake-pools') - ? styles.activeTab - : ''; - const stakePoolsClassName = navigation?.store.path.includes('stake-pools') - ? styles.activeTab - : ''; + const isStakePoolsPath = navigation?.store.path.includes('stake-pools'); const testnetSubtitle = environment.CARDANO.NETWORK !== CardanoNetwork.MAINNET ? (
@@ -37,8 +32,11 @@ export const Header = observer((props: IHeaderProps) => {
) : null; const stakePoolLink = ( - - Stake Pools + + Stake Pools ); const stakePoolTriangleStyle = stakePoolLink ? '' : styles.stakePoolTriangle; @@ -56,7 +54,7 @@ export const Header = observer((props: IHeaderProps) => {
- + Cardano {translate('header.explorer')} @@ -68,10 +66,11 @@ export const Header = observer((props: IHeaderProps) => {
- - - {translate('header.epochsBlocks')} - + + {translate('header.epochsBlocks')}
{stakePoolLink}