+ Loading Token Data
+
+ )
+ }
+ {/** Show spinner info if tokens are loaded but icons are not loaded */
+ dataAreLoaded && !iconsAreLoaded && (
Loading Token Icons
+
+ )}
+
+
+
+ )
+}
+
+export default UserDataReview
diff --git a/src/hooks/state.js b/src/hooks/state.js
index 1c9f835..f8cd40a 100644
--- a/src/hooks/state.js
+++ b/src/hooks/state.js
@@ -35,6 +35,8 @@ function useAppState () {
const [hideSpinner, setHideSpinner] = useState(false)
const [denyClose, setDenyClose] = useState(false)
+ const [isSingleView, setIsSingleView] = useState(false)
+
// The wallet state makes this a true progressive web app (PWA). As
// balances, UTXOs, and tokens are retrieved, this state is updated.
// properties are enumerated here for the purpose of documentation.
@@ -125,7 +127,9 @@ function useAppState () {
updateLocalStorage,
updateBchWalletState,
appUtil: new AppUtil(),
- currentPath: location.pathname
+ currentPath: location.pathname,
+ setIsSingleView,
+ isSingleView
}
}
diff --git a/src/services/async-load.js b/src/services/async-load.js
index f364467..7b041d9 100644
--- a/src/services/async-load.js
+++ b/src/services/async-load.js
@@ -199,6 +199,44 @@ class AsyncLoad {
return defaultOptions
}
}
+
+ // Initialize the BCH wallet without initialize() promise
+ async initStarterWallet (restURL, mnemonic, appData) {
+ try {
+ const options = {
+ interface: 'consumer-api',
+ restURL,
+ noUpdate: true
+ }
+
+ let wallet
+ if (mnemonic) {
+ // Load the wallet from the mnemonic, if it's available from local storage.
+ wallet = new this.BchWallet(mnemonic, options)
+ } else {
+ // Generate a new mnemonic and wallet.
+ wallet = new this.BchWallet(null, options)
+ }
+
+ await wallet.walletInfoPromise
+
+ const walletInfo = wallet.walletInfo
+ // Update the state of the wallet.
+ appData.updateBchWalletState({ walletObj: walletInfo, appData })
+ // Save the mnemonic to local storage.
+ if (!mnemonic) {
+ const newMnemonic = wallet.walletInfo.mnemonic
+ appData.updateLocalStorage({ mnemonic: newMnemonic })
+ }
+
+ this.wallet = wallet
+
+ return wallet
+ } catch (error) {
+ console.error('Error initStarterWallet: ', error)
+ throw error
+ }
+ }
}
function sleep (ms) {
+
+ )}
+ {props.token.iconAlreadyDownloaded && mutableDataCid && (
+ {error}
} + + {/** Loading spinner */} + {loading && + ( +
+
+ Loading...
+
+
+ )}
+ {/** User data */}
+ {!loading && !error && (
+
+ {/** Name */}
+
+ )}
+
+ {tokenData.genesisData.name}
+ + {/** Media Content Carousel */} + {media && media.length > 0 + ? ( +
+
+ {media.map((item, index) => (
+
+ 
+
+
+
+ ))}
+
+
+
+ )
+ : (
+ Image {index + 1} of {media.length}
+No media content available
+ )} + + {/** Markdown Content */} + {markdown + ? ( +
+ {markdown}
+
+ )
+ : (
+ No content available
+ )} +