hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Separated logic into functions

Browse Source 
Signed-off-by: Steve Richards <srichards@mirantis.com>
This commit is contained in:
Steve Richards 2020-10-13 17:28:43 +01:00
parent b5cbfac3f4
commit 28040a8d60
1 changed files with 28 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
src/renderer/components/+workloads-pods/pod-details-container.tsx
View File

@ -2,7 +2,7 @@ import "./pod-details-container.scss"
import React from "react"; import React from "react";
import { t, Trans } from "@lingui/macro"; import { t, Trans } from "@lingui/macro";
import { IPodContainer, Pod } from "../../api/endpoints"; import { IPodContainer, IPodContainerStatus, Pod } from "../../api/endpoints";
import { DrawerItem } from "../drawer"; import { DrawerItem } from "../drawer";
import { cssNames } from "../../utils"; import { cssNames } from "../../utils";
import { StatusBrick } from "../status-brick"; import { StatusBrick } from "../status-brick";
@ -21,6 +21,30 @@ interface Props {
} }
export class PodDetailsContainer extends React.Component<Props> { export class PodDetailsContainer extends React.Component<Props> {
renderStatus(state: string, status: IPodContainerStatus) {
const ready = status ? status.ready : ""
return (
<span className={cssNames("status", state)}>
{state}{ready ? `, ${_i18n._(t`ready`)}` : ""}
{state === 'terminated' ? ` - ${status.state.terminated.reason} (${_i18n._(t`exit code`)}: ${status.state.terminated.exitCode})` : ''}
</span>
);
}
renderLastState(lastState: string, status: IPodContainerStatus) {
if (lastState === 'terminated') {
return (
<span>
{lastState}<br/>
{_i18n._(t`Reason`)}: {status.lastState.terminated.reason} - {_i18n._(t`exit code`)}: {status.lastState.terminated.exitCode}<br/>
{_i18n._(t`Started at`)}: {status.lastState.terminated.startedAt}<br/>
{_i18n._(t`Finished at`)}: {status.lastState.terminated.finishedAt}<br/>
</span>
)
}
}
render() { render() {
const { pod, container, metrics } = this.props const { pod, container, metrics } = this.props
if (!pod || !container) return null if (!pod || !container) return null
@ -49,19 +73,12 @@ export class PodDetailsContainer extends React.Component<Props> {
} }
{status && {status &&
<DrawerItem name={<Trans>Status</Trans>}> <DrawerItem name={<Trans>Status</Trans>}>
<span className={cssNames("status", state)}> {this.renderStatus(state, status)}
{state}{ready ? `, ${_i18n._(t`ready`)}` : ""}
{state === 'terminated' ? ` - ${status.state.terminated.reason} (${_i18n._(t`exit code`)}: ${status.state.terminated.exitCode})` : ''}
</span>
</DrawerItem> </DrawerItem>
} }
{status && {lastState &&
<DrawerItem name={<Trans>Last Status</Trans>}> <DrawerItem name={<Trans>Last Status</Trans>}>
<span> {this.renderLastState(lastState, status)}
{lastState ? `${lastState}, ` : ""}
{lastState === 'terminated' ? `${status.lastState.terminated.reason} (${_i18n._(t`exit code`)}: ${status.lastState.terminated.exitCode}),
${_i18n._(t`started at`)}: ${status.lastState.terminated.startedAt}, ${_i18n._(t`finished at`)}: ${status.lastState.terminated.finishedAt}` : ''}
</span>
</DrawerItem> </DrawerItem>
} }
<DrawerItem name={<Trans>Image</Trans>}> <DrawerItem name={<Trans>Image</Trans>}>