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;