feat: add links to dashboard

This commit is contained in:
RadoslavDimchev 2023-09-11 12:39:23 +03:00
parent df03e6db19
commit a2fa47d2bf
3 changed files with 29 additions and 26 deletions

View File

@ -1,19 +1,20 @@
import { TamaguiProvider, Theme } from 'tamagui' import { TamaguiProvider, Theme } from 'tamagui'
import { createBrowserRouter, RouterProvider } from 'react-router-dom' import { createBrowserRouter, RouterProvider } from 'react-router-dom'
import { Provider as StatusProvider } from '@status-im/components' import { Provider as StatusProvider } from '@status-im/components'
import './App.css' import { useSelector } from 'react-redux'
import config from '../tamagui.config' import config from '../tamagui.config'
import LandingPage from './pages/LandingPage/LandingPage' import LandingPage from './pages/LandingPage/LandingPage'
import DeviceHealthCheck from './pages/DeviceHealthCheck/DeviceHealthCheck' import DeviceHealthCheck from './pages/DeviceHealthCheck/DeviceHealthCheck'
import ConnectDevicePage from './pages/ConnectDevicePage/ConnectDevicePage' import ConnectDevicePage from './pages/ConnectDevicePage/ConnectDevicePage'
import DeviceSyncStatus from './pages/DeviceSyncStatus/DeviceSyncStatus' import DeviceSyncStatus from './pages/DeviceSyncStatus/DeviceSyncStatus'
import PairDevice from './pages/PairDevice/PairDevice' import PairDevice from './pages/PairDevice/PairDevice'
import { useSelector } from 'react-redux'
import PinnedNotification from './components/General/PinnedNottification' import PinnedNotification from './components/General/PinnedNottification'
import { RootState } from './redux/store' import { RootState } from './redux/store'
import CreateLocalNodePage from './pages/CreateLocalNodePage/CreateLocalNodePage' import CreateLocalNodePage from './pages/CreateLocalNodePage/CreateLocalNodePage'
import ValidatorOnboarding from './pages/ValidatorOnboarding/ValidatorOnboarding' import ValidatorOnboarding from './pages/ValidatorOnboarding/ValidatorOnboarding'
import Dashboard from './pages/Dashboard/Dashboard' import Dashboard from './pages/Dashboard/Dashboard'
import './App.css'
const router = createBrowserRouter([ const router = createBrowserRouter([
{ {

View File

@ -55,7 +55,7 @@ const ContinueButton = ({
{isActivationValScreen && ( {isActivationValScreen && (
<LinkWithArrow <LinkWithArrow
text="Skip to Dashboard" text="Skip to Dashboard"
to="/" to="/dashboard"
arrowRight={true} arrowRight={true}
style={{ fontWeight: 'bold', zIndex: 1000 }} style={{ fontWeight: 'bold', zIndex: 1000 }}
/> />

View File

@ -2,6 +2,7 @@ import { YStack } from 'tamagui'
import { useNavigate } from 'react-router-dom' import { useNavigate } from 'react-router-dom'
import { useState } from 'react' import { useState } from 'react'
import { useDispatch, useSelector } from 'react-redux' import { useDispatch, useSelector } from 'react-redux'
import wordlist from 'web-bip39/wordlists/english'
import FormStepper from './FormStepper/FormStepper' import FormStepper from './FormStepper/FormStepper'
import Titles from '../../components/General/Titles' import Titles from '../../components/General/Titles'
@ -20,9 +21,8 @@ import {
setValidWords, setValidWords,
} from '../../redux/ValidatorOnboarding/KeyGeneration/slice' } from '../../redux/ValidatorOnboarding/KeyGeneration/slice'
import { RootState } from '../../redux/store' import { RootState } from '../../redux/store'
import './layoutGradient.css'
import ActivationValidatorSetup from './ValidatorSetup/ValidatorActivation/ActivationValidatorSetup' import ActivationValidatorSetup from './ValidatorSetup/ValidatorActivation/ActivationValidatorSetup'
import wordlist from 'web-bip39/wordlists/english' import './layoutGradient.css'
const ValidatorOnboarding = () => { const ValidatorOnboarding = () => {
const [activeStep, setActiveStep] = useState(0) const [activeStep, setActiveStep] = useState(0)
@ -58,7 +58,7 @@ const ValidatorOnboarding = () => {
setSubStepValidatorSetup(0) setSubStepValidatorSetup(0)
} }
} else { } else {
navigate('/') navigate('/dashboard')
} }
removeCopyPastePhraseInfoBox() removeCopyPastePhraseInfoBox()
@ -105,26 +105,28 @@ const ValidatorOnboarding = () => {
{activeStep === 3 && subStepValidatorSetup === 3 && <ActivationValidatorSetup />} {activeStep === 3 && subStepValidatorSetup === 3 && <ActivationValidatorSetup />}
{activeStep === 4 && <KeyGeneration isConfirmPhraseStage={isConfirmPhraseStage} />} {activeStep === 4 && <KeyGeneration isConfirmPhraseStage={isConfirmPhraseStage} />}
{activeStep === 5 && <Activation {activeStep === 5 && (
validatorsValue='4' <Activation
executionSyncStatus1={{ validatorsValue="4"
text: "Execution Sync Status", executionSyncStatus1={{
isGaugeIncluded: true, text: 'Execution Sync Status',
gaugeColor: "$blue", isGaugeIncluded: true,
gaugeSynced: 123.524, gaugeColor: '$blue',
gaugeTotal: 172.503, gaugeSynced: 123.524,
}} gaugeTotal: 172.503,
executionSyncStatus2={{ }}
text: "Execution Sync Status", executionSyncStatus2={{
isGaugeIncluded: true, text: 'Execution Sync Status',
gaugeColor: "$red", isGaugeIncluded: true,
gaugeSynced: 123.524, gaugeColor: '$red',
gaugeTotal: 172.503, gaugeSynced: 123.524,
}} gaugeTotal: 172.503,
currentAPRValue="4.40%" }}
estimatedActivationTimeValue="32 Days" currentAPRValue="4.40%"
validatorQueueValue="92603" estimatedActivationTimeValue="32 Days"
/>} validatorQueueValue="92603"
/>
)}
</ValidatorBoxWrapper> </ValidatorBoxWrapper>
<ContinueButton <ContinueButton
activeStep={activeStep} activeStep={activeStep}