diff --git a/web/src/components/Tutorial.tsx b/web/src/components/Tutorial.tsx index bf48be304..928d4270e 100644 --- a/web/src/components/Tutorial.tsx +++ b/web/src/components/Tutorial.tsx @@ -20,6 +20,7 @@ import Button from "@/components/Button"; import { useState, useEffect } from "react"; import { playSound, Sounds } from "@/hooks/sound"; import Dot from "./Dot"; +import { useDojo } from "@/dojo"; const steps = [ { @@ -78,9 +79,13 @@ const Tutorial = ({ close: () => void; }) => { const [currentStep, setCurrentStep] = useState(1); + const { account, createBurner, isBurnerDeploying } = useDojo(); const onNext = () => { if (currentStep == steps.length) { + if (!account) { + createBurner(); + } close(); } else { setCurrentStep(currentStep + 1); @@ -127,7 +132,11 @@ const Tutorial = ({ : Sounds.HoverClick } > - {currentStep == steps.length ? "READY TO HUSTLE" : "NEXT"} + {currentStep == steps.length + ? account + ? "READY TO HUSTLE" + : "CREATE BURNER" + : "NEXT"}