diff --git a/package-lock.json b/package-lock.json index 9dbe116..a0818bd 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9260,20 +9260,6 @@ "version": "1.0.0", "license": "ISC" }, - "node_modules/fsevents": { - "version": "2.3.3", - "resolved": "http://94.130.170.209:4873/fsevents/-/fsevents-2.3.3.tgz", - "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", - "hasInstallScript": true, - "license": "MIT", - "optional": true, - "os": [ - "darwin" - ], - "engines": { - "node": "^8.16.0 || ^10.6.0 || >=11.0.0" - } - }, "node_modules/function-bind": { "version": "1.1.2", "license": "MIT", diff --git a/src/components/app-body/index.js b/src/components/app-body/index.js index 9fab799..84cf638 100644 --- a/src/components/app-body/index.js +++ b/src/components/app-body/index.js @@ -39,7 +39,7 @@ function AppBody (props) { } /> {/** Show in all paths except the servers view */} - {appData.currentPath !== '/servers' && } + {appData.currentPath !== '/servers' && } ) } diff --git a/src/components/app-body/servers/select-server-button.js b/src/components/app-body/servers/select-server-button.js index 7e6d13d..a6072eb 100644 --- a/src/components/app-body/servers/select-server-button.js +++ b/src/components/app-body/servers/select-server-button.js @@ -9,7 +9,7 @@ import { Container, Row, Col, Button } from 'react-bootstrap' import { useNavigate } from 'react-router-dom' const ServerSelect = (props) => { - const { linkTo } = props + const { linkTo, appData } = props // Use the navigate function to navigate to the servers view const navigate = useNavigate() @@ -31,6 +31,7 @@ const ServerSelect = (props) => {
Having trouble loading? Try selecting a different back-end server.
+

Current Server : {appData.serverUrl}

diff --git a/src/components/app-body/servers/select-server-view.js b/src/components/app-body/servers/select-server-view.js index 7a44f64..c5e5026 100644 --- a/src/components/app-body/servers/select-server-view.js +++ b/src/components/app-body/servers/select-server-view.js @@ -16,8 +16,9 @@ function ServerSelectView (props) { const handleReloadServer = (event) => { const target = event.target.id console.log('server target: ', target) - - window.location.href = `/?restURL=${target}` + appData.updateLocalStorage({ serverUrl: target }) + // Reload the page + window.location.href = '/' } return ( diff --git a/src/hooks/state.js b/src/hooks/state.js index d3ffb8e..1c9f835 100644 --- a/src/hooks/state.js +++ b/src/hooks/state.js @@ -1,5 +1,5 @@ import { useState } from 'react' -import { useQueryParam, StringParam } from 'use-query-params' +// import { useQueryParam, StringParam } from 'use-query-params' import useLocalStorageState from 'use-local-storage-state' import AppUtil from '../util' @@ -8,11 +8,18 @@ import { useLocation } from 'react-router-dom' function useAppState () { const location = useLocation() - // Get the CashStack URL from query parameter or use default - let [restURL] = useQueryParam('restURL', StringParam) - if (!restURL) restURL = 'https://free-bch.fullstack.cash' + // Load Local storage Data + const [lsState, setLSState, { removeItem }] = useLocalStorageState('bchWalletState-template', { + ssr: true, + defaultValue: { + serverUrl: 'https://free-bch.fullstack.cash' // Default server + } + }) - const [serverUrl, setServerUrl] = useState(restURL) + console.log('lsState: ', lsState) + + // Initialize data states + const [serverUrl, setServerUrl] = useState(lsState.serverUrl) // Default server url const [menuState, setMenuState] = useState(0) const [wallet, setWallet] = useState(false) const [servers, setServers] = useState([]) @@ -33,11 +40,11 @@ function useAppState () { // properties are enumerated here for the purpose of documentation. // Local storage - const [lsState, setLSState, { removeItem }] = useLocalStorageState('bchWalletState', { - ssr: true, - defaultValue: {} - }) - console.log('lsState: ', lsState) + // const [lsState, setLSState, { removeItem }] = useLocalStorageState('bchWalletState', { + // ssr: true, + // defaultValue: {} + // }) + // console.log('lsState: ', lsState) const removeLocalStorageItem = removeItem const updateLocalStorage = (lsObj) => { // console.log(`updateLocalStorage() input: ${JSON.stringify(lsObj, null, 2)}`)