diff --git a/src/applicationConfig.ts b/src/applicationConfig.ts index 451560b0d..ab0853b20 100644 --- a/src/applicationConfig.ts +++ b/src/applicationConfig.ts @@ -19,6 +19,7 @@ interface NetworkConfig { } interface ApplicationConfig { + readonly cardanoMaintenance: boolean; readonly reCaptchaKey: string; readonly networksSettings: Dictionary; readonly social: { @@ -40,6 +41,7 @@ interface ApplicationConfig { } export const applicationConfig: ApplicationConfig = { + cardanoMaintenance: true, reCaptchaKey: '6LeUJ8YfAAAAAMYIqGvtOmJGLeJtCSv6FBH_5sA3', requestRetryCount: 3, networksSettings: { diff --git a/src/components/Header/Header.less b/src/components/Header/Header.less index 416095f5d..52102dbee 100644 --- a/src/components/Header/Header.less +++ b/src/components/Header/Header.less @@ -8,6 +8,10 @@ justify-content: space-between; transition: transform .3s; + &_maintenance { + top: 30px; + } + &__wrapper { position: relative; top: 0; diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx index f6d231469..9be10a68d 100644 --- a/src/components/Header/Header.tsx +++ b/src/components/Header/Header.tsx @@ -4,10 +4,12 @@ import cn from 'classnames'; import React, { useEffect, useState } from 'react'; import { isBrowser } from 'react-device-detect'; +import { applicationConfig } from '../../applicationConfig'; import { useObservable } from '../../common/hooks/useObservable'; import { useAssetsBalance } from '../../gateway/api/assetBalance'; import { useNetworkAsset } from '../../gateway/api/networkAsset'; import { selectedWalletState$ } from '../../gateway/api/wallets'; +import { useSelectedNetwork } from '../../gateway/common/network'; import { settings$ } from '../../gateway/settings/settings'; import { WalletState } from '../../network/common/Wallet'; import { AppLogo } from '../common/AppLogo/AppLogo'; @@ -24,6 +26,7 @@ import { NetworkDropdown } from './NetworkDropdown/NetworkDropdown'; export const Header: React.FC = () => { const [settings] = useObservable(settings$); const [balance, isBalanceLoading] = useAssetsBalance(); + const [selectedNetwork] = useSelectedNetwork(); const [networkAsset] = useNetworkAsset(); const [walletState] = useObservable(selectedWalletState$); const [hidden, setHidden] = useState(false); @@ -46,7 +49,14 @@ export const Header: React.FC = () => { }, []); return ( -