(status: string)
| 102 | setLiveViewSessionId('') |
| 103 | } |
| 104 | const getCardStyle = (status: string) => { |
| 105 | const baseStyle = { |
| 106 | height: '100%', |
| 107 | flexGrow: 1 |
| 108 | } |
| 109 | |
| 110 | if (status === 'DOWN') { |
| 111 | return { |
| 112 | ...baseStyle, |
| 113 | opacity: 0.6, |
| 114 | border: '2px solid', |
| 115 | borderColor: 'error.main', |
| 116 | bgcolor: 'action.disabledBackground' |
| 117 | } |
| 118 | } |
| 119 | |
| 120 | if (status === 'DRAINING') { |
| 121 | return { |
| 122 | ...baseStyle, |
| 123 | border: '2px solid', |
| 124 | borderColor: 'warning.main', |
| 125 | bgcolor: 'action.hover' |
| 126 | } |
| 127 | } |
| 128 | |
| 129 | return baseStyle |
| 130 | } |
| 131 | |
| 132 | return ( |
| 133 | <> |