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

View File

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