()
| 293 | |
| 294 | // Get connection text color |
| 295 | const getConnectionTextClass = () => { |
| 296 | switch (connectionStatus) { |
| 297 | case 'connected': |
| 298 | return ''; |
| 299 | case 'connecting': |
| 300 | return 'text-purple-600 dark:text-purple-400'; |
| 301 | case 'error': |
| 302 | case 'idle': |
| 303 | default: |
| 304 | return 'text-red-500'; |
| 305 | } |
| 306 | }; |
| 307 | |
| 308 | return ( |
| 309 | <> |