diff --git a/examples/min-js-web-chat/src/App.js b/examples/min-js-web-chat/src/App.js index b2dd719f1d..ac40e87550 100644 --- a/examples/min-js-web-chat/src/App.js +++ b/examples/min-js-web-chat/src/App.js @@ -1,24 +1,25 @@ import './App.css'; -import { Waku } from 'js-waku'; +import { getStatusFleetNodes, Waku } from 'js-waku'; import * as React from 'react'; function App() { const [waku, setWaku] = React.useState(undefined); - const [wakuStarting, setWakuStarting] = React.useState(false); + const [wakuStatus, setWakuStatus] = React.useState('NotStarted'); React.useEffect(() => { if (!!waku) return; - if (wakuStarting) return; + if (wakuStatus !== 'NotStarted') return; - setWakuStarting(true); + setWakuStatus('Starting'); Waku.create().then((waku) => { setWaku(waku); - setWakuStarting(false); + setWakuStatus('Connecting'); + bootstrapWaku(waku).then(() => { + setWakuStatus('Ready'); + }); }); - }, [waku, wakuStarting]); - - const wakuStatus = !!waku ? 'Started' : wakuStarting ? 'Loading' : 'Error'; + }, [waku, wakuStatus]); return (