diff --git a/src/components/Shell/ConnectionTestResults.tsx b/src/components/Shell/ConnectionTestResults.tsx index 2df5a5d..b0a9425 100644 --- a/src/components/Shell/ConnectionTestResults.tsx +++ b/src/components/Shell/ConnectionTestResults.tsx @@ -1,4 +1,4 @@ -import { Typography } from '@mui/material' +import { Tooltip, Typography } from '@mui/material' import Circle from '@mui/icons-material/FiberManualRecord' import { ConnectionTestResults as IConnectionTestResults } from './useConnectionTest' @@ -11,39 +11,45 @@ export const ConnectionTestResults = ({ }: ConnectionTestResultsProps) => { if (hasHost && hasRelay) { return ( - - ({ color: theme.palette.success.main })} - > - - {' '} - Full network connection - + + + ({ color: theme.palette.success.main })} + > + + {' '} + Full network connection + + ) } else if (hasHost) { return ( - - ({ color: theme.palette.warning.main })} - > - - {' '} - Partial network connection - + + + ({ color: theme.palette.warning.main })} + > + + {' '} + Partial network connection + + ) } else { return ( - - ({ color: theme.palette.error.main })} - > - - {' '} - No network connection - + + + ({ color: theme.palette.error.main })} + > + + {' '} + No network connection + + ) } }