|
|
@ -56,11 +56,11 @@ function HomeTabLearn ({plugin}: HomeTabLearnProps) { |
|
|
|
<div className="d-flex flex-column"> |
|
|
|
<div className="d-flex flex-column"> |
|
|
|
<label className="d-flex flex-column btn border" onClick={() => setState((prevState) => {return { ...prevState, visibleTutorial: VisibleTutorial.Basics }})}> |
|
|
|
<label className="d-flex flex-column btn border" onClick={() => setState((prevState) => {return { ...prevState, visibleTutorial: VisibleTutorial.Basics }})}> |
|
|
|
<label className="card-title align-self-start m-0 float-left" style={{fontSize: "1rem"}}> |
|
|
|
<label className="card-title align-self-start m-0 float-left" style={{fontSize: "1rem"}}> |
|
|
|
<FormattedMessage id="home.remixBasics" /> |
|
|
|
<FormattedMessage id="home.learnEth1" /> |
|
|
|
</label> |
|
|
|
</label> |
|
|
|
{(state.visibleTutorial === VisibleTutorial.Basics) && <div className="pt-2 d-flex flex-column text-left"> |
|
|
|
{(state.visibleTutorial === VisibleTutorial.Basics) && <div className="pt-2 d-flex flex-column text-left"> |
|
|
|
<span> |
|
|
|
<span> |
|
|
|
<FormattedMessage id="home.remixBasicsDesc" /> |
|
|
|
<FormattedMessage id="home.learnEth1Desc" /> |
|
|
|
</span> |
|
|
|
</span> |
|
|
|
<button className="btn btn-sm btn-secondary mt-2" style={{width: 'fit-content'}} onClick={() => startLearnEthTutorial('basics')}> |
|
|
|
<button className="btn btn-sm btn-secondary mt-2" style={{width: 'fit-content'}} onClick={() => startLearnEthTutorial('basics')}> |
|
|
|
<FormattedMessage id="home.getStarted" /> |
|
|
|
<FormattedMessage id="home.getStarted" /> |
|
|
@ -69,11 +69,11 @@ function HomeTabLearn ({plugin}: HomeTabLearnProps) { |
|
|
|
</label> |
|
|
|
</label> |
|
|
|
<label className="d-flex flex-column btn border" onClick={() => setState((prevState) => {return { ...prevState, visibleTutorial: VisibleTutorial.Intermediate }})}> |
|
|
|
<label className="d-flex flex-column btn border" onClick={() => setState((prevState) => {return { ...prevState, visibleTutorial: VisibleTutorial.Intermediate }})}> |
|
|
|
<label className="card-title align-self-start m-0 float-left" style={{fontSize: "1rem"}}> |
|
|
|
<label className="card-title align-self-start m-0 float-left" style={{fontSize: "1rem"}}> |
|
|
|
<FormattedMessage id="home.remixIntermediate" /> |
|
|
|
<FormattedMessage id="home.learnEth2" /> |
|
|
|
</label> |
|
|
|
</label> |
|
|
|
{(state.visibleTutorial === VisibleTutorial.Intermediate) && <div className="pt-2 d-flex flex-column text-left"> |
|
|
|
{(state.visibleTutorial === VisibleTutorial.Intermediate) && <div className="pt-2 d-flex flex-column text-left"> |
|
|
|
<span> |
|
|
|
<span> |
|
|
|
<FormattedMessage id="home.remixIntermediateDesc" /></span> |
|
|
|
<FormattedMessage id="home.learnEth2Desc" /></span> |
|
|
|
<button className="btn btn-sm btn-secondary mt-2" style={{width: 'fit-content'}} onClick={() => startLearnEthTutorial('useofweb3js')}> |
|
|
|
<button className="btn btn-sm btn-secondary mt-2" style={{width: 'fit-content'}} onClick={() => startLearnEthTutorial('useofweb3js')}> |
|
|
|
<FormattedMessage id="home.getStarted" /> |
|
|
|
<FormattedMessage id="home.getStarted" /> |
|
|
|
</button> |
|
|
|
</button> |
|
|
|