@@ -7,10 +7,6 @@ import Task from '../Task';
7
7
import { lightGreen200 } from 'material-ui/styles/colors' ;
8
8
import TasksComplete from '../TasksComplete' ;
9
9
10
- function visibleTasks ( tasks :CR . Task [ ] , taskPosition :number ) :CR . Task [ ] {
11
- return tasks . slice ( 0 , taskPosition + 1 ) ;
12
- }
13
-
14
10
const margin = '10px 5px' ;
15
11
16
12
export default class Tasks extends React . Component < {
@@ -24,15 +20,19 @@ export default class Tasks extends React.Component<{
24
20
componentDidUpdate ( ) {
25
21
ReactDOM . findDOMNode < HTMLElement > ( this . refs . listEnd ) . scrollIntoView ( ) ;
26
22
}
23
+ visibleTasks ( tasks :CR . Task [ ] , taskPosition :number ) :CR . Task [ ] {
24
+ return tasks . slice ( 0 , taskPosition + 1 ) ;
25
+ }
27
26
render ( ) {
28
27
const { tasks, taskPosition, testRun, completed, page} = this . props ;
29
- const visTasks = visibleTasks ( tasks , taskPosition ) ;
28
+ const visTasks = this . visibleTasks ( tasks , taskPosition ) ;
30
29
const backgroundColor = completed ?lightGreen200 :'white' ;
31
30
return (
32
31
< div >
33
32
< Card style = { { backgroundColor, margin} } >
34
33
< List >
35
34
< Subheader > Tasks</ Subheader >
35
+
36
36
{ visTasks . map ( ( task :CR . Task , index :number ) => (
37
37
< Task
38
38
key = { index }
@@ -42,6 +42,7 @@ export default class Tasks extends React.Component<{
42
42
testRun = { testRun }
43
43
/> )
44
44
) }
45
+
45
46
</ List >
46
47
</ Card >
47
48