import { Tooltip, Typography } from '@mui/material' import Circle from '@mui/icons-material/FiberManualRecord' import { ConnectionTestResults as IConnectionTestResults } from './useConnectionTest' interface ConnectionTestResultsProps { connectionTestResults: IConnectionTestResults } export const ConnectionTestResults = ({ connectionTestResults: { hasHost, hasRelay }, }: ConnectionTestResultsProps) => { if (hasHost && hasRelay) { return ( ({ color: theme.palette.success.main })} > {' '} Full network connection ) } else if (hasHost) { return ( ({ color: theme.palette.warning.main })} > {' '} Partial network connection ) } else { return ( ({ color: theme.palette.error.main })} > {' '} No network connection ) } }