@@ -123,6 +123,8 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo
123
123
style . marginTop = "15px" ;
124
124
}
125
125
126
+ const borderColor = this . state . selectedCategory ? Config . config . barTypes [ this . state . selectedCategory ] ?. color : null ;
127
+
126
128
// Create time display
127
129
let timeDisplay : JSX . Element ;
128
130
const timeDisplayStyle : React . CSSProperties = { } ;
@@ -151,7 +153,7 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo
151
153
< input id = { "submittingTime0" + this . idSuffix }
152
154
className = "sponsorTimeEdit sponsorTimeEditInput"
153
155
type = "text"
154
- style = { { color : "inherit" , backgroundColor : "inherit" } }
156
+ style = { { color : "inherit" , backgroundColor : "inherit" , borderColor } }
155
157
value = { this . state . sponsorTimeEdits [ 0 ] ?? "" }
156
158
onKeyDown = { ( e ) => e . stopPropagation ( ) }
157
159
onKeyUp = { ( e ) => e . stopPropagation ( ) }
@@ -168,7 +170,7 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo
168
170
< input id = { "submittingTime1" + this . idSuffix }
169
171
className = "sponsorTimeEdit sponsorTimeEditInput"
170
172
type = "text"
171
- style = { { color : "inherit" , backgroundColor : "inherit" } }
173
+ style = { { color : "inherit" , backgroundColor : "inherit" , borderColor } }
172
174
value = { this . state . sponsorTimeEdits [ 1 ] ?? "" }
173
175
onKeyDown = { ( e ) => e . stopPropagation ( ) }
174
176
onKeyUp = { ( e ) => e . stopPropagation ( ) }
@@ -205,8 +207,6 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo
205
207
) ;
206
208
}
207
209
208
- const borderColor = this . state . selectedCategory ? Config . config . barTypes [ this . state . selectedCategory ] ?. color : null ;
209
-
210
210
return (
211
211
< div id = { "sponsorTimeEditContainer" + this . idSuffix } style = { style } >
212
212
0 commit comments