@@ -18,10 +18,11 @@ import {
1818 Tooltip ,
1919 useMantineTheme ,
2020} from '@mantine/core' ;
21+ import { notifications } from '@mantine/notifications' ;
2122import {
2223 IconAlertTriangle ,
23- IconRouter ,
2424 IconInfoCircle ,
25+ IconRouter ,
2526 IconTrash ,
2627 IconUpload ,
2728 IconWifi ,
@@ -30,7 +31,6 @@ import {
3031 IconZoomReset ,
3132} from '@tabler/icons-react' ;
3233import React from 'react' ;
33- import { notifications } from '@mantine/notifications' ;
3434import type { ArenaLayoutDocument , ArenaLayoutSectionDocument } from '../arena/types' ;
3535
3636interface MonitorRecord {
@@ -549,15 +549,21 @@ export function ArenaView({ monitors, isLoading, openMonitorInfo }: ArenaViewPro
549549 return (
550550 < Group gap = "sm" >
551551 < Group gap = { 6 } >
552- < Box style = { { width : 16 , height : 16 , backgroundColor : theme . colors . green [ 6 ] , borderRadius : 3 } } />
552+ < Box style = { {
553+ width : 16 , height : 16 , backgroundColor : theme . colors . green [ 6 ] , borderRadius : 3 ,
554+ } } />
553555 < Text size = "sm" > Online</ Text >
554556 </ Group >
555557 < Group gap = { 6 } >
556- < Box style = { { width : 16 , height : 16 , backgroundColor : theme . colors . gray [ 5 ] , borderRadius : 3 } } />
558+ < Box style = { {
559+ width : 16 , height : 16 , backgroundColor : theme . colors . gray [ 5 ] , borderRadius : 3 ,
560+ } } />
557561 < Text size = "sm" > Offline</ Text >
558562 </ Group >
559563 < Group gap = { 6 } >
560- < Box style = { { width : 16 , height : 16 , backgroundColor : theme . colors . gray [ 3 ] , borderRadius : 3 } } />
564+ < Box style = { {
565+ width : 16 , height : 16 , backgroundColor : theme . colors . gray [ 3 ] , borderRadius : 3 ,
566+ } } />
561567 < Text size = "sm" > Unmatched</ Text >
562568 </ Group >
563569 </ Group >
0 commit comments