Created
April 17, 2019 22:34
-
-
Save crazyrabbitLTC/940b86c2685abb5ce191e7ff1b96229c to your computer and use it in GitHub Desktop.
Example of problem subscribing to CurrentAccount$
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React, { useState, useEffect } from "react"; | |
| import FrontPage from "./components/frontPage"; | |
| import "./App.css"; | |
| import createCurrentAccount$ from "@drizzle-utils/current-account-stream"; | |
| const getWeb3 = require("@drizzle-utils/get-web3"); | |
| const createDrizzleUtils = require("@drizzle-utils/core"); | |
| function App() { | |
| const initialState = { | |
| web3: null, | |
| drizzleUtils: null, | |
| currentAccount: null | |
| }; | |
| const [state, setAppState] = useState(initialState); | |
| //setup web3 | |
| useEffect(() => { | |
| const setup = async () => { | |
| const web3 = await getWeb3(); | |
| const drizzleUtils = await createDrizzleUtils({ web3 }); | |
| setAppState({ ...state, web3, drizzleUtils }); | |
| }; | |
| setup(); | |
| }, []); | |
| useEffect(() => { | |
| const getAccounts = async () => { | |
| if (state.web3) { | |
| const web3 = await getWeb3(); | |
| console.log(web3); | |
| const currentAccount$ = await createCurrentAccount$({web3}); | |
| const unsubscribe = currentAccount$.subscribe(currentAccount => { | |
| console.log(currentAccount); | |
| setAppState({ ...state, currentAccount }); | |
| }); | |
| return unsubscribe; | |
| } | |
| }; | |
| getAccounts(); | |
| }, [state.web3]); | |
| return <FrontPage />; | |
| } | |
| export default App; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment