@@ -77,46 +77,46 @@ const BatteryStatus = forwardRef((props, ref) => {
77
77
78
78
< div id = "voltages" >
79
79
< p >
80
- < b > ACCUM </ b >
80
+ Accum (V)
81
81
</ p >
82
82
< p >
83
- < span className = "label" > Min </ span >
84
- < span className = "value" style = { { 'backgroundColor' : minCell < Constants . CELL_THRESHOLDS [ 0 ] ? color [ 0 ] : minCell < Constants . CELL_THRESHOLDS [ 1 ] ? color [ 1 ] : color [ 2 ] } } >
85
- < b > { padDecimal ( minCell ) } V </ b >
83
+ < span className = "label" id = "min-cell-label" > Min </ span >
84
+ < span className = "value" id = "min-cell-val" style = { { 'backgroundColor' : minCell < Constants . CELL_THRESHOLDS [ 0 ] ? color [ 0 ] : minCell < Constants . CELL_THRESHOLDS [ 1 ] ? color [ 1 ] : color [ 2 ] } } >
85
+ < b > { padDecimal ( minCell ) } </ b >
86
86
</ span >
87
87
</ p >
88
88
< p >
89
- < span className = "label" > Total </ span > < b > { invVolts } V </ b >
89
+ < span className = "label" id = "total-label" > Total </ span > < span id = "total-val" > < b > { invVolts } </ b > </ span >
90
90
</ p >
91
91
< p >
92
- < span className = "label" > Avg </ span >
93
- < span className = "value" style = { { 'backgroundColor' : avgCell < Constants . CELL_THRESHOLDS [ 0 ] ? color [ 0 ] : avgCell < Constants . CELL_THRESHOLDS [ 1 ] ? color [ 1 ] : color [ 2 ] } } >
94
- < b > { padDecimal ( avgCell ) } V </ b >
92
+ < span className = "label" id = "avg-cell-label" > Avg </ span >
93
+ < span className = "value" id = "avg-cell-val" style = { { 'backgroundColor' : avgCell < Constants . CELL_THRESHOLDS [ 0 ] ? color [ 0 ] : avgCell < Constants . CELL_THRESHOLDS [ 1 ] ? color [ 1 ] : color [ 2 ] } } >
94
+ < b > { padDecimal ( avgCell ) } </ b >
95
95
</ span >
96
96
</ p >
97
97
</ div >
98
98
99
99
< div id = "temps" >
100
100
< p >
101
- < b > TEMP </ b >
101
+ Temp (C)
102
102
</ p >
103
103
< p >
104
- < span className = "value" style = { { 'backgroundColor' : invTemp > Constants . INV_TEMP_THRESHOLDS [ 0 ] ? color [ 0 ] : invTemp > Constants . INV_TEMP_THRESHOLDS [ 1 ] ? color [ 1 ] : color [ 2 ] } } >
105
- < b > { invTemp } F </ b >
104
+ < span className = "value" id = "inv-temp-val" style = { { 'backgroundColor' : invTemp > Constants . INV_TEMP_THRESHOLDS [ 0 ] ? color [ 0 ] : invTemp > Constants . INV_TEMP_THRESHOLDS [ 1 ] ? color [ 1 ] : color [ 2 ] } } >
105
+ < b > { invTemp } </ b >
106
106
</ span >
107
- < span className = "label" > Inv</ span >
107
+ < span className = "label" id = "inv-temp-label" > Inv</ span >
108
108
</ p >
109
109
< p >
110
- < span className = "value" style = { { 'backgroundColor' : accTemp > Constants . ACC_TEMP_THRESHOLDS [ 0 ] ? color [ 0 ] : accTemp > Constants . ACC_TEMP_THRESHOLDS [ 1 ] ? color [ 1 ] : color [ 2 ] } } >
111
- < b > { accTemp } F </ b >
110
+ < span className = "value" id = "accum-temp-val" style = { { 'backgroundColor' : accTemp > Constants . ACC_TEMP_THRESHOLDS [ 0 ] ? color [ 0 ] : accTemp > Constants . ACC_TEMP_THRESHOLDS [ 1 ] ? color [ 1 ] : color [ 2 ] } } >
111
+ < b > { accTemp } </ b >
112
112
</ span >
113
- < span className = "label" > Accum</ span >
113
+ < span className = "label" id = "accum-temp-label" > Accum</ span >
114
114
</ p >
115
115
< p >
116
- < span className = "value" style = { { 'backgroundColor' : mtrTemp > Constants . MTR_TEMP_THRESHOLDS [ 0 ] ? color [ 0 ] : mtrTemp > Constants . MTR_TEMP_THRESHOLDS [ 1 ] ? color [ 1 ] : color [ 2 ] } } >
117
- < b > { mtrTemp } F </ b >
116
+ < span className = "value" id = "mtr-temp-val" style = { { 'backgroundColor' : mtrTemp > Constants . MTR_TEMP_THRESHOLDS [ 0 ] ? color [ 0 ] : mtrTemp > Constants . MTR_TEMP_THRESHOLDS [ 1 ] ? color [ 1 ] : color [ 2 ] } } >
117
+ < b > { mtrTemp } </ b >
118
118
</ span >
119
- < span className = "label" > Mtr</ span >
119
+ < span className = "label" id = "mtr-temp-label" > Mtr</ span >
120
120
</ p >
121
121
</ div >
122
122
</ div >
0 commit comments