11import React from 'react'
22import { Collapse , Icon } from '@alifd/next'
3- import Button from '../Button'
43import ReactCSSTransitionGroup from 'react-addons-css-transition-group'
54import './transition.css'
65
@@ -27,27 +26,6 @@ const styles = {
2726} ,
2827}
2928
30- type LoadSolutionButtonProps = {
31- onLoadSolution :( ) => void
32- close :( ) => void
33- }
34-
35- const LoadSolutionButton = ( props :LoadSolutionButtonProps ) => {
36- const [ loadedSolution , setLoadedSolution ] = React . useState ( false )
37- const onClickHandler = ( ) => {
38- props . close ( )
39- if ( ! loadedSolution ) {
40- setLoadedSolution ( true )
41- props . onLoadSolution ( )
42- }
43- }
44- return (
45- < Button type = "secondary" onClick = { onClickHandler } disabled = { loadedSolution } >
46- Load Solution
47- </ Button >
48- )
49- }
50-
5129type NuxProps = {
5230onClose :( ) => void
5331onLoadSolution :( ) => void
@@ -113,20 +91,6 @@ const NewUserExperienceTutorialCollapsible = (props: NuxProps) => {
11391 Read the tests. The tests can be found in the test directory and can be read in detail to help you
11492 understand what's failing.
11593</ li >
116- < br />
117- < li >
118- Still stuck? Load the solution. Each step in CodeRoad is stored as a Git commit - including the solution.
119- Load the solution commit by pressing the button below.
120- < br />
121- < br />
122- < LoadSolutionButton
123- onLoadSolution = { props . onLoadSolution }
124- close = { ( ) => {
125- setExpandedKeys ( [ ] )
126- props . onClose ( )
127- } }
128- />
129- </ li >
13094</ ol >
13195</ Panel >
13296< Panel title = "Contact" >