feat(deposit-panel): add chain parity

src/pages/ValidatorManagement/ManageValidator/RightManageSettings/Panels/DepositPanel.tsx

@@ -5,15 +5,15 @@ import { useState } from 'react'
 import { useSelector } from 'react-redux'
 
 import PanelWrapper from './PanelWrapper'
+import { RootState } from '../../../../../redux/store'
 import ConnectedWallet from '../../../../../components/General/ConnectedWallet'
 import ConnectWallet from '../../../../../components/General/ConnectWallet'
-import { RootState } from '../../../../../redux/store'
+import ChainParity from '../../../../ValidatorOnboarding/Deposit/ChainParity'
 
 const DepositPanel = () => {
   const [isInfoBoxVisible, setIsInfoBoxVisible] = useState(true)
-  const { isWalletConnected, isTransactionConfirmation } = useSelector(
+  const { isWalletConnected, isTransactionConfirmation, isChainParity } =
-    (state: RootState) => state.deposit,
+    useSelector((state: RootState) => state.deposit)
-  )
 
   const onCloseInfoBox = () => {
     setIsInfoBoxVisible(false)
@@ -24,6 +24,9 @@ const DepositPanel = () => {
       <Text size={19} weight={'semibold'}>
         Deposit Funds
       </Text>
+      {isChainParity ? (
+        <ChainParity />
+      ) : (
         <YStack
           space={'$3'}
           style={{
@@ -53,6 +56,7 @@ const DepositPanel = () => {
             </YStack>
           )}
         </YStack>
+      )}
     </PanelWrapper>
   )
 }