diff --git a/packages/frontend/src/components/accounts/ledger/SignInLedgerViews/Authorize.js b/packages/frontend/src/components/accounts/ledger/SignInLedgerViews/Authorize.js index 9f3c6740bf..b81244fef6 100644 --- a/packages/frontend/src/components/accounts/ledger/SignInLedgerViews/Authorize.js +++ b/packages/frontend/src/components/accounts/ledger/SignInLedgerViews/Authorize.js @@ -2,12 +2,10 @@ import React from 'react'; import { Translate } from 'react-localize-redux'; import FormButton from '../../../common/FormButton'; -import LocalAlertBox from '../../../common/LocalAlertBox'; import LedgerImageCircle from '../../../svg/LedgerImageCircle'; import LedgerHdPaths from '../LedgerHdPaths'; const Authorize = ({ - status, confirmedPath, setConfirmedPath, handleSignIn, @@ -20,7 +18,6 @@ const Authorize = ({



- { + const dispatch = useDispatch(); + + const status = useSelector(selectStatusSlice); + return ( <> @@ -26,15 +31,15 @@ const EnterAccountId = ({ mainLoader={mainLoader} handleChange={handleChange} checkAvailability={checkAccountAvailable} - localAlert={localAlert} + localAlert={status.localAlert} autoFocus={true} - clearLocalAlert={clearLocalAlert} + clearLocalAlert={() => dispatch(clearLocalAlert())} stateAccountId={stateAccountId} />
diff --git a/packages/frontend/src/components/accounts/ledger/SignInLedgerWrapper.js b/packages/frontend/src/components/accounts/ledger/SignInLedgerWrapper.js index d83accb109..b3567839dd 100644 --- a/packages/frontend/src/components/accounts/ledger/SignInLedgerWrapper.js +++ b/packages/frontend/src/components/accounts/ledger/SignInLedgerWrapper.js @@ -10,10 +10,9 @@ import { checkAccountAvailable, clearAccountState } from '../../../redux/actions/account'; -import { clearLocalAlert } from '../../../redux/actions/status'; import { selectAccountSlice } from '../../../redux/slices/account'; import { actions as ledgerActions, LEDGER_MODAL_STATUS, selectLedgerSignInWithLedger, selectLedgerSignInWithLedgerStatus, selectLedgerTxSigned } from '../../../redux/slices/ledger'; -import { selectStatusMainLoader, selectStatusSlice } from '../../../redux/slices/status'; +import { selectStatusMainLoader } from '../../../redux/slices/status'; import parseFundingOptions from '../../../utils/parseFundingOptions'; import Container from '../../common/styled/Container.css'; import Authorize from './SignInLedgerViews/Authorize'; @@ -44,7 +43,6 @@ export function SignInLedgerWrapper(props) { const ledgerHdPath = `44'/397'/0'/0'/${confirmedPath}'`; const account = useSelector(selectAccountSlice); - const status = useSelector(selectStatusSlice); const signInWithLedgerState = useSelector(selectLedgerSignInWithLedger); const txSigned = useSelector(selectLedgerTxSigned); const signInWithLedgerStatus = useSelector(selectLedgerSignInWithLedgerStatus); @@ -125,7 +123,6 @@ export function SignInLedgerWrapper(props) { const LedgerView = () => { if (!signInWithLedgerStatus) { return dispatch(checkAccountAvailable(accountId))} mainLoader={mainLoader} - clearLocalAlert={() => dispatch(clearLocalAlert())} stateAccountId={account.accountId} loader={loader} clearSignInWithLedgerModalState={() => dispatch(clearSignInWithLedgerModalState())}