diff --git a/cashtab/package-lock.json b/cashtab/package-lock.json --- a/cashtab/package-lock.json +++ b/cashtab/package-lock.json @@ -1,12 +1,12 @@ { "name": "cashtab", - "version": "2.30.1", + "version": "2.30.2", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "cashtab", - "version": "2.30.1", + "version": "2.30.2", "dependencies": { "@bitgo/utxo-lib": "^9.33.0", "@zxing/browser": "^0.1.4", diff --git a/cashtab/package.json b/cashtab/package.json --- a/cashtab/package.json +++ b/cashtab/package.json @@ -1,6 +1,6 @@ { "name": "cashtab", - "version": "2.30.1", + "version": "2.30.2", "private": true, "scripts": { "start": "node scripts/start.js", diff --git a/cashtab/src/components/App/App.js b/cashtab/src/components/App/App.js --- a/cashtab/src/components/App/App.js +++ b/cashtab/src/components/App/App.js @@ -41,13 +41,7 @@ import './App.css'; import { WalletContext } from 'wallet/context'; import { getWalletState } from 'utils/cashMethods'; -import { - Route, - Navigate, - Routes, - useLocation, - useNavigate, -} from 'react-router-dom'; +import { Route, Routes, useLocation, useNavigate } from 'react-router-dom'; // Easter egg imports not used in extension/src/components/App.js import TabCash from 'assets/tabcash.png'; import { hasEnoughToken } from 'wallet'; @@ -131,9 +125,6 @@ }; }, []); - const selectedKey = - location && location.pathname ? location.pathname.substr(1) : ''; - // Easter egg boolean not used in extension/src/components/App.js const hasTab = validWallet ? hasEnoughToken( @@ -191,9 +182,7 @@ .REACT_APP_BUILD_ENV === 'extension' ? ( ) : ( )} - {selectedKey === 'airdrop' && ( + {location.pathname === + '/airdrop' && ( Airdrop )} - {selectedKey === 'backup' && ( + {location.pathname === + '/backup' && ( Wallet Backup )} - {selectedKey === 'contacts' && ( + {location.pathname === + '/contacts' && ( Contacts )} - {selectedKey === 'wallets' && ( + {location.pathname === + '/wallets' && ( Wallets )} - {selectedKey === - 'configure' && ( + {location.pathname === + '/configure' && ( Settings )} - {selectedKey === - 'signverifymsg' && ( + {location.pathname === + '/signverifymsg' && ( {' '} Sign & Verify Msg @@ -244,8 +237,8 @@ .REACT_APP_BUILD_ENV !== 'extension' && ( <> - {selectedKey === - 'swap' && ( + {location.pathname === + '/swap' && ( {' '} Swap @@ -384,12 +377,7 @@ )} - } + element={} /> navigate('/wallet')} + active={ + location.pathname === '/' || + location.pathname === '/wallet' + } + onClick={() => navigate('/')} > navigate('/send')} style={{ paddingBottom: '10px' }} > @@ -421,14 +412,14 @@ navigate('/etokens')} > navigate('receive')} > @@ -443,7 +434,7 @@ open={navMenuClicked} > navigate('/backup')} > {' '} @@ -451,7 +442,9 @@ navigate('/wallets')} > {' '} @@ -459,7 +452,9 @@ navigate('/contacts')} > {' '} @@ -467,7 +462,9 @@ navigate('/airdrop')} > {' '} @@ -477,7 +474,9 @@ {process.env.REACT_APP_BUILD_ENV !== 'extension' && ( navigate('/swap')} > {' '} @@ -486,7 +485,10 @@ )} navigate('/signverifymsg') } @@ -496,7 +498,9 @@ {aliasSettings.aliasEnabled && ( navigate('/alias')} > {' '} @@ -505,7 +509,9 @@ )} navigate('/configure')} >

Settings

diff --git a/cashtab/src/components/Common/ExtensionHeader.js b/cashtab/src/components/Common/ExtensionHeader.js --- a/cashtab/src/components/Common/ExtensionHeader.js +++ b/cashtab/src/components/Common/ExtensionHeader.js @@ -44,10 +44,10 @@ const FlexSpacer = styled.div``; -const ExtensionHeader = ({ selectedKey }) => { +const ExtensionHeader = ({ path }) => { // openInTab is an extension-only method const openInTab = () => { - window.open(`index.html#/${selectedKey}`); + window.open(`index.html#${path}`); }; return ( @@ -61,7 +61,7 @@ }; ExtensionHeader.propTypes = { - selectedKey: PropTypes.string, + path: PropTypes.string, }; export default ExtensionHeader;