Better yellow + no certs on null

This commit is contained in:
bourquecharles
2021-05-17 21:31:12 -04:00
parent 6b15b7e696
commit 7555c63ae5

View File

@@ -179,19 +179,24 @@ const DeviceListDisplay = ({ devices, loading, updateDevicesPerPage, pageCount,
color = 'danger' color = 'danger'
break; break;
case 'MISMATCH_SERIAL': case 'MISMATCH_SERIAL':
color = '#fdfd96' return (
break; <CBadge color={color} style={{backgroundColor: '##FFFF5C'}}>
<CIcon name="cil-badge" content={cilBadge} size="2xl" alt="AP" />
</CBadge>
);
case 'VERIFIED': case 'VERIFIED':
color = 'success'; color = 'success';
break; break;
default: default:
return( return(
<p>Unknown</p> <div style={{position: 'relative'}}>
<CIcon style={{position: 'absolute', left: '31%', marginTop:'8%'}}name="cil-badge" content={cilBadge} size="2xl" alt="AP" />
<CIcon style={{position: 'absolute', zIndex: 99, left: '21%', color: '#e55353'}} name="cil-ban" content={cilBan} size="3xl" alt="AP" />
</div>
); );
} }
console.log(color);
return ( return (
<CBadge color={color} style={{backgroundColor: '#fdfd96'}}> <CBadge color={color}>
<CIcon name="cil-badge" content={cilBadge} size="2xl" alt="AP" /> <CIcon name="cil-badge" content={cilBadge} size="2xl" alt="AP" />
</CBadge> </CBadge>
); );
@@ -244,7 +249,7 @@ const DeviceListDisplay = ({ devices, loading, updateDevicesPerPage, pageCount,
verifiedCertificate: (item) => ( verifiedCertificate: (item) => (
<td style={{ textAlign: 'center' }}> <td style={{ textAlign: 'center' }}>
<CPopover <CPopover
content={item.verifiedCertificate} content={item.verifiedCertificate ?? 'Unknown'}
placement="top" placement="top"
> >
{getCertBadge(item.verifiedCertificate)} {getCertBadge(item.verifiedCertificate)}