@@ -7,10 +7,6 @@ import Task from '../Task';
77import { lightGreen200 } from 'material-ui/styles/colors' ;
88import TasksComplete from '../TasksComplete' ;
99
10- function visibleTasks ( tasks :CR . Task [ ] , taskPosition :number ) :CR . Task [ ] {
11- return tasks . slice ( 0 , taskPosition + 1 ) ;
12- }
13-
1410const margin = '10px 5px' ;
1511
1612export default class Tasks extends React . Component < {
@@ -24,15 +20,19 @@ export default class Tasks extends React.Component<{
2420componentDidUpdate ( ) {
2521ReactDOM . findDOMNode < HTMLElement > ( this . refs . listEnd ) . scrollIntoView ( ) ;
2622}
23+ visibleTasks ( tasks :CR . Task [ ] , taskPosition :number ) :CR . Task [ ] {
24+ return tasks . slice ( 0 , taskPosition + 1 ) ;
25+ }
2726render ( ) {
2827const { tasks, taskPosition, testRun, completed, page} = this . props ;
29- const visTasks = visibleTasks ( tasks , taskPosition ) ;
28+ const visTasks = this . visibleTasks ( tasks , taskPosition ) ;
3029const backgroundColor = completed ?lightGreen200 :'white' ;
3130return (
3231< div >
3332< Card style = { { backgroundColor, margin} } >
3433< List >
3534< Subheader > Tasks</ Subheader >
35+
3636{ visTasks . map ( ( task :CR . Task , index :number ) => (
3737< Task
3838key = { index }
@@ -42,6 +42,7 @@ export default class Tasks extends React.Component<{
4242testRun = { testRun }
4343/> )
4444) }
45+
4546</ List >
4647</ Card >
4748