@pioneer-platform/pioneer-react 0.2.34 → 0.2.36

package/src/lib/pages/home/index.tsx

@@ -14,15 +14,33 @@ import { usePioneer } from "lib/context/Pioneer";
 import AssetSelect from "lib/components/AssetSelect";
 import BlockchainSelect from "lib/components/BlockchainSelect";
 import WalletSelect from "lib/components/WalletSelect";
+import Onboarding from "lib/components/Onboarding";
 
 const Home = () => {
   const { state } = usePioneer();
-  const { api, app, context, assetContext, blockchainContext, pubkeyContext } =
+  const { api, app, context, assetContext, blockchainContext, pubkeyContext, modals } =
     state;
   const [address, setAddress] = useState("");
   const [modalType, setModalType] = useState("");
   const { isOpen, onOpen, onClose } = useDisclosure();
 
+  const onStart = async function(){
+      try{
+          console.log("onStart")
+          let isOnboarded = await localStorage.getItem("isOnboarded")
+          if(!isOnboarded){
+              console.log("Starting onboarding process")
+              openModal("Onboarding")
+          }
+      }catch(e){
+          console.error(e)
+      }
+  }
+    useEffect(() => {
+        onStart()
+    }, []);
+
+
   useEffect(() => {
     console.log("2 pubkeyContext: ", pubkeyContext);
     setAddress(pubkeyContext.master || pubkeyContext.pubkey || pubkeyContext);
@@ -33,6 +51,13 @@ const Home = () => {
     onOpen();
   };
 
+  let refresh = async () => {
+      //TODO why do I need to press refresh?
+      console.log("2 pubkeyContext: ", pubkeyContext);
+      setAddress(pubkeyContext.master || pubkeyContext.pubkey || pubkeyContext);
+      console.log("assetContext: ",assetContext)
+  }
+
   return (
     <div>
       <Modal isOpen={isOpen} onClose={() => onClose()} size="xl">
@@ -58,6 +83,16 @@ const Home = () => {
               </div>
             )}
             {modalType === "View Address" && <div>address: {address}</div>}
+            {modalType === "Select Outbound" && (
+              <div>
+                <BlockchainSelect onClose={onClose}></BlockchainSelect>
+              </div>
+            )}
+              {modalType === "Onboarding" && (
+                  <div>
+                      <Onboarding onClose={onClose}></Onboarding>
+                  </div>
+              )}
           </ModalBody>
           <ModalFooter>
             <Button colorScheme="blue" onClick={onClose}>
@@ -66,7 +101,7 @@ const Home = () => {
           </ModalFooter>
         </ModalContent>
       </Modal>
-      Context: {context}
+      Wallet Context: {context}
       <Button onClick={() => openModal("Select wallet")}>Select wallet</Button>
       <br />
       Asset Context: {assetContext?.name}
@@ -77,9 +112,13 @@ const Home = () => {
         Select Blockchain
       </Button>
       <br />
-      Address: {address}
+      Address for context: {address}
       <Button onClick={() => openModal("View Address")}>View Address</Button>
       <br />
+      Outbound asset context: {address}
+      <Button onClick={() => openModal("Select Outbound")}>Select asset</Button>
+      <br />
+      <Button onClick={refresh}>refresh</Button>
     </div>
   );
 };