31 lines
807 B
JavaScript
31 lines
807 B
JavaScript
import React, { Component } from 'react'
|
|
import './Simu.css'
|
|
import TargetSelection from './TargetSelection'
|
|
import withColours from './withColours'
|
|
import Conversation from './conversation/Conversation'
|
|
import ProgressTip from './ProgressTip'
|
|
import FoldedSteps, { GoToAnswers } from './conversation/FoldedSteps'
|
|
import Explanation from './Explanation'
|
|
import GoToExplanations from './GoToExplanations'
|
|
|
|
@withColours
|
|
export default class extends Component {
|
|
render() {
|
|
let { colours } = this.props
|
|
|
|
return (
|
|
<div id="simu">
|
|
<FoldedSteps />
|
|
<div id="focusZone">
|
|
<GoToAnswers />
|
|
<TargetSelection colours={colours} />
|
|
<ProgressTip />
|
|
<Conversation textColourOnWhite={colours.textColourOnWhite} />
|
|
<GoToExplanations />
|
|
</div>
|
|
<Explanation />
|
|
</div>
|
|
)
|
|
}
|
|
}
|