github
/
portainer
mirror of https://github.com/portainer/portainer
1
0
Fork 0
Code Issues Releases Wiki Activity

fix(docker): container health alignment EE-5008 (#8553)

pull/8504/head
Dakota Walsh 2023-03-01 12:48:41 +13:00 committed by GitHub
parent b3e72ecaa0
commit 5f66020e42
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 21 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
app/react/docker/containers/ItemView/HealthStatus.tsx
View File

@ -22,33 +22,29 @@ interface Props {
export function HealthStatus({ health }: Props) { export function HealthStatus({ health }: Props) {
return ( return (
<div className="row"> <TableContainer>
<div className="col-lg-12 col-md-12 col-xs-12"> <TableTitle label="Container health" icon={Server} />
<TableContainer>
<TableTitle label="Container health" icon={Server} />
<DetailsTable> <DetailsTable>
<DetailsTable.Row label="Status"> <DetailsTable.Row label="Status">
<div className="vertical-center"> <div className="vertical-center">
<Icon <Icon
icon={HeartPulse} icon={HeartPulse}
mode={StatusMode[health.Status]} mode={StatusMode[health.Status]}
className="space-right" className="space-right"
/> />
{health.Status} {health.Status}
</div> </div>
</DetailsTable.Row> </DetailsTable.Row>
<DetailsTable.Row label="Failure count"> <DetailsTable.Row label="Failure count">
{health.FailingStreak} {health.FailingStreak}
</DetailsTable.Row> </DetailsTable.Row>
<DetailsTable.Row label="Last output"> <DetailsTable.Row label="Last output">
{health.Log[health.Log.length - 1].Output} {health.Log[health.Log.length - 1].Output}
</DetailsTable.Row> </DetailsTable.Row>
</DetailsTable> </DetailsTable>
</TableContainer> </TableContainer>
</div>
</div>
); );
} }