1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
  | import green from '@mui/material/colors/green'; 
 |  import orange from '@mui/material/colors/orange'; 
 |  import red from '@mui/material/colors/red'; 
 |    
 |  const rowSx = (selectedRow) => (record) => { 
 |      let style = {}; 
 |      if (!record) { 
 |          return style; 
 |      } 
 |      if (selectedRow && selectedRow.id === record.id) { 
 |          style = { 
 |              ...style, 
 |              backgroundColor: 'action.selected', 
 |          }; 
 |      } 
 |      if (record.result === 1) 
 |          return { 
 |              ...style, 
 |              borderLeftColor: green[500], 
 |              borderLeftWidth: 5, 
 |              borderLeftStyle: 'solid', 
 |          }; 
 |      if (record.result === 2) 
 |          return { 
 |              ...style, 
 |              borderLeftColor: orange[500], 
 |              borderLeftWidth: 5, 
 |              borderLeftStyle: 'solid', 
 |          }; 
 |      if (record.result === 0) 
 |          return { 
 |              ...style, 
 |              borderLeftColor: red[500], 
 |              borderLeftWidth: 5, 
 |              borderLeftStyle: 'solid', 
 |          }; 
 |      return style; 
 |  }; 
 |    
 |  export default rowSx; 
 |  
  |