@@ -52,7 +52,10 @@ export const useTableColumns = (
5252 placement = 'top-start'
5353 >
5454 < Box
55- sx = { { cursor : 'pointer' , '&:hover' : { textDecoration : 'underline' , color : '#000' } } }
55+ sx = { {
56+ cursor : 'pointer' ,
57+ '&:hover' : { textDecoration : 'underline' , color : '#000' } ,
58+ } }
5659 onClick = { ( ) => {
5760 const url = `/feeds/${ cell . getValue < string > ( ) } ` ;
5861 window . open ( url , '_blank' ) ;
@@ -159,7 +162,12 @@ export const useTableColumns = (
159162 { cell . getValue < string [ ] > ( ) ?. map ( ( error , index ) => (
160163 < Box
161164 key = { index }
162- sx = { { cursor : 'pointer' , marginBottom : '2px' , padding : '1px' , '&:hover' : { textDecoration : 'underline' , color : '#000' } } }
165+ sx = { {
166+ cursor : 'pointer' ,
167+ marginBottom : '2px' ,
168+ padding : '1px' ,
169+ '&:hover' : { textDecoration : 'underline' , color : '#000' } ,
170+ } }
163171 onClick = { ( ) => {
164172 router . push ( `/metrics/gtfs/notices?noticeCode=${ error } ` ) ;
165173 } }
@@ -175,7 +183,18 @@ export const useTableColumns = (
175183 Header : (
176184 < span >
177185 Notice Severity :
178- < Box component = 'span' sx = { { borderRadius : '5px' , padding : '5px' , marginLeft : '5px' , marginBottom : '2px' , width : 'fit-content' , backgroundColor : '#d54402' , color : 'white' } } >
186+ < Box
187+ component = 'span'
188+ sx = { {
189+ borderRadius : '5px' ,
190+ padding : '5px' ,
191+ marginLeft : '5px' ,
192+ marginBottom : '2px' ,
193+ width : 'fit-content' ,
194+ backgroundColor : '#d54402' ,
195+ color : 'white' ,
196+ } }
197+ >
179198 ERROR
180199 </ Box >
181200 </ span >
@@ -196,7 +215,12 @@ export const useTableColumns = (
196215 { cell . getValue < string [ ] > ( ) ?. map ( ( warning , index ) => (
197216 < Box
198217 key = { index }
199- sx = { { cursor : 'pointer' , marginBottom : '2px' , padding : '1px' , '&:hover' : { textDecoration : 'underline' , color : '#000' } } }
218+ sx = { {
219+ cursor : 'pointer' ,
220+ marginBottom : '2px' ,
221+ padding : '1px' ,
222+ '&:hover' : { textDecoration : 'underline' , color : '#000' } ,
223+ } }
200224 onClick = { ( ) => {
201225 router . push ( `/metrics/gtfs/notices?noticeCode=${ warning } ` ) ;
202226 } }
@@ -212,7 +236,18 @@ export const useTableColumns = (
212236 Header : (
213237 < span >
214238 Notice Severity :
215- < Box component = 'span' sx = { { borderRadius : '5px' , padding : '5px' , marginLeft : '5px' , marginBottom : '2px' , width : 'fit-content' , backgroundColor : '#f3c280' , color : 'black' } } >
239+ < Box
240+ component = 'span'
241+ sx = { {
242+ borderRadius : '5px' ,
243+ padding : '5px' ,
244+ marginLeft : '5px' ,
245+ marginBottom : '2px' ,
246+ width : 'fit-content' ,
247+ backgroundColor : '#f3c280' ,
248+ color : 'black' ,
249+ } }
250+ >
216251 WARNING
217252 </ Box >
218253 </ span >
@@ -231,7 +266,18 @@ export const useTableColumns = (
231266 Header : (
232267 < span >
233268 Notice Severity :
234- < Box component = 'span' sx = { { borderRadius : '5px' , padding : '5px' , marginLeft : '5px' , marginBottom : '2px' , width : 'fit-content' , backgroundColor : '#badfb7' , color : 'black' } } >
269+ < Box
270+ component = 'span'
271+ sx = { {
272+ borderRadius : '5px' ,
273+ padding : '5px' ,
274+ marginLeft : '5px' ,
275+ marginBottom : '2px' ,
276+ width : 'fit-content' ,
277+ backgroundColor : '#badfb7' ,
278+ color : 'black' ,
279+ } }
280+ >
235281 INFO
236282 </ Box >
237283 </ span >
@@ -241,7 +287,12 @@ export const useTableColumns = (
241287 { cell . getValue < string [ ] > ( ) ?. map ( ( info , index ) => (
242288 < Box
243289 key = { index }
244- sx = { { cursor : 'pointer' , marginBottom : '2px' , padding : '1px' , '&:hover' : { textDecoration : 'underline' , color : '#000' } } }
290+ sx = { {
291+ cursor : 'pointer' ,
292+ marginBottom : '2px' ,
293+ padding : '1px' ,
294+ '&:hover' : { textDecoration : 'underline' , color : '#000' } ,
295+ } }
245296 onClick = { ( ) => {
246297 router . push ( `/metrics/gtfs/notices?noticeCode=${ info } ` ) ;
247298 } }
@@ -300,7 +351,14 @@ export const useTableColumns = (
300351 { features . map ( ( featureData , index ) => (
301352 < Box
302353 key = { index }
303- sx = { { cursor : 'pointer' , marginLeft : '10px' , '&:hover' : { textDecoration : 'underline' , color : '#000' } } }
354+ sx = { {
355+ cursor : 'pointer' ,
356+ marginLeft : '10px' ,
357+ '&:hover' : {
358+ textDecoration : 'underline' ,
359+ color : '#000' ,
360+ } ,
361+ } }
304362 onClick = { ( ) => {
305363 router . push (
306364 `/metrics/gtfs/features?featureName=${ featureData . feature } ` ,
0 commit comments