npm - @backstage/plugin-kubernetes-react - Versions diffs - 0.5.13 → 0.5.14-next.0 - Mend

@backstage/plugin-kubernetes-react 0.5.13 → 0.5.14-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (67) hide show

package/dist/components/Pods/FixDialog/FixDialog.esm.js CHANGED Viewed

@@ -15,6 +15,8 @@ import OpenInNewIcon from '@material-ui/icons/OpenInNew';
 import { PodLogs } from '../PodLogs/PodLogs.esm.js';
 import '@material-ui/icons/Subject';
 import '../../KubernetesDialog/KubernetesDialog.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { kubernetesReactTranslationRef } from '../../../translation.esm.js';
 import 'react-use/esm/useAsync';
 import '@backstage/core-plugin-api';
 import '../../../api/types.esm.js';
@@ -41,6 +43,7 @@ const FixDialog = ({
 }) => {
   const [isOpen, setOpen] = useState(!!open);
   const classes = useStyles();
+  const { t } = useTranslationRef(kubernetesReactTranslationRef);
   const openDialog = () => {
     setOpen(true);
   };
@@ -51,28 +54,34 @@ const FixDialog = ({
   const dialogContent = () => {
     return /* @__PURE__ */ jsxs(Grid, { container: true, children: [
       /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "h6", children: "Detected error:" }),
+        /* @__PURE__ */ jsx(Typography, { variant: "h6", children: t("fixDialog.detectedError") }),
         /* @__PURE__ */ jsx(Typography, { children: error.message })
       ] }),
       /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "h6", children: "Cause explanation:" }),
-        /* @__PURE__ */ jsx(Typography, { children: error.proposedFix?.rootCauseExplanation ?? "unknown" })
+        /* @__PURE__ */ jsx(Typography, { variant: "h6", children: t("fixDialog.causeExplanation") }),
+        /* @__PURE__ */ jsx(Typography, { children: error.proposedFix?.rootCauseExplanation ?? t("podsTable.unknown") })
       ] }),
       /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "h6", children: "Fix:" }),
+        /* @__PURE__ */ jsx(Typography, { variant: "h6", children: t("fixDialog.fix") }),
         /* @__PURE__ */ jsx(List, { children: (error.proposedFix?.actions ?? []).map((fix, i) => {
-          return /* @__PURE__ */ jsx(ListItem, { children: fix }, `${pod.metadata?.name ?? "unknown"}-pf-${i}`);
+          return /* @__PURE__ */ jsx(
+            ListItem,
+            {
+              children: fix
+            },
+            `${pod.metadata?.name ?? t("podsTable.unknown")}-pf-${i}`
+          );
         }) })
       ] }),
       pf && pf.type === "logs" && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Typography, { variant: "h6", children: "Crash logs:" }) }),
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Typography, { variant: "h6", children: t("fixDialog.crashLogs") }) }),
         /* @__PURE__ */ jsx(Grid, { item: true, xs: 9, children: /* @__PURE__ */ jsx(
           PodLogs,
           {
             previous: true,
             containerScope: {
-              podName: pod.metadata?.name ?? "unknown",
-              podNamespace: pod.metadata?.namespace ?? "unknown",
+              podName: pod.metadata?.name ?? t("podsTable.unknown"),
+              podNamespace: pod.metadata?.namespace ?? t("podsTable.unknown"),
               cluster: { name: clusterName },
               containerName: pf.container
             }
@@ -80,7 +89,7 @@ const FixDialog = ({
         ) })
       ] }),
       pf && pf.type === "events" && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Typography, { variant: "h6", children: "Events:" }) }),
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Typography, { variant: "h6", children: t("fixDialog.events") }) }),
         /* @__PURE__ */ jsx(Grid, { item: true, xs: 9, children: /* @__PURE__ */ jsx(
           Events,
           {
@@ -98,22 +107,23 @@ const FixDialog = ({
       Button,
       {
         variant: "outlined",
-        "aria-label": "fix issue",
+        "aria-label": t("fixDialog.ariaLabels.fixIssue"),
         component: "label",
         onClick: openDialog,
         startIcon: /* @__PURE__ */ jsx(HelpIcon, {}),
-        children: "Help"
+        children: t("fixDialog.helpButton")
       }
     ),
     /* @__PURE__ */ jsxs(Dialog, { maxWidth: "xl", fullWidth: true, open: isOpen, onClose: closeDialog, children: [
       /* @__PURE__ */ jsxs(DialogTitle, { id: "dialog-title", children: [
-        pod.metadata?.name,
-        " - ",
-        error.type,
+        t("fixDialog.title", {
+          podName: pod.metadata?.name ?? "",
+          errorType: error.type
+        }),
         /* @__PURE__ */ jsx(
           IconButton,
           {
-            "aria-label": "close",
+            "aria-label": t("fixDialog.ariaLabels.close"),
             className: classes.closeButton,
             onClick: closeDialog,
             children: /* @__PURE__ */ jsx(CloseIcon, {})
@@ -129,7 +139,7 @@ const FixDialog = ({
           startIcon: /* @__PURE__ */ jsx(OpenInNewIcon, {}),
           target: "_blank",
           rel: "noopener",
-          children: "Open docs"
+          children: t("fixDialog.openDocs")
         }
       ) })
     ] })

package/dist/components/Pods/FixDialog/FixDialog.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FixDialog.esm.js","sources":["../../../../src/components/Pods/FixDialog/FixDialog.tsx"],"sourcesContent":["/\n Copyright 2023 The Backstage Authors\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n /\nimport { FC, useState } from 'react';\n\nimport Button from '@material-ui/core/Button';\nimport Grid from '@material-ui/core/Grid';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport IconButton from '@material-ui/core/IconButton';\nimport { makeStyles, createStyles, Theme } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport CloseIcon from '@material-ui/icons/Close';\nimport HelpIcon from '@material-ui/icons/Help';\nimport OpenInNewIcon from '@material-ui/icons/OpenInNew';\n\nimport { Pod } from 'kubernetes-models/v1/Pod';\nimport { DetectedError } from '@backstage/plugin-kubernetes-common';\nimport { PodLogs } from '../PodLogs';\nimport { Events } from '../Events';\nimport { LinkButton } from '@backstage/core-components';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\n\nconst useStyles = makeStyles((theme: Theme) =>\n createStyles({\n closeButton: {\n position: 'absolute',\n right: theme.spacing(1),\n top: theme.spacing(1),\n color: theme.palette.grey[500],\n },\n }),\n);\n\n/\n Props for FixDialog\n \n @public\n /\nexport interface FixDialogProps {\n open?: boolean;\n clusterName: string;\n pod: Pod;\n error: DetectedError;\n}\n\n/\n A dialog for fixing detected Kubernetes errors\n \n @public\n */\nexport const FixDialog: FC<FixDialogProps> = ({\n open,\n pod,\n error,\n clusterName,\n}: FixDialogProps) => {\n const [isOpen, setOpen] = useState(!!open);\n const classes = useStyles();\n\n const openDialog = () => {\n setOpen(true);\n };\n\n const closeDialog = () => {\n setOpen(false);\n };\n\n const pf = error.proposedFix;\n\n const dialogContent = () => {\n return (\n <Grid container>\n <Grid item xs={12}>\n <Typography variant=\"h6\">Detected error:</Typography>\n <Typography>{error.message}</Typography>\n </Grid>\n <Grid item xs={12}>\n <Typography variant=\"h6\">Cause explanation:</Typography>\n <Typography>\n {error.proposedFix?.rootCauseExplanation ?? 'unknown'}\n </Typography>\n </Grid>\n <Grid item xs={12}>\n <Typography variant=\"h6\">Fix:</Typography>\n <List>\n {(error.proposedFix?.actions ?? []).map((fix, i) => {\n return (\n <ListItem key={`${pod.metadata?.name ?? 'unknown'}-pf-${i}`}>\n {fix}\n </ListItem>\n );\n })}\n </List>\n </Grid>\n\n {pf && pf.type === 'logs' && (\n <>\n <Grid item xs={12}>\n <Typography variant=\"h6\">Crash logs:</Typography>\n </Grid>\n <Grid item xs={9}>\n <PodLogs\n previous\n containerScope={{\n podName: pod.metadata?.name ?? 'unknown',\n podNamespace: pod.metadata?.namespace ?? 'unknown',\n cluster: { name: clusterName },\n containerName: pf.container,\n }}\n />\n </Grid>\n </>\n )}\n {pf && pf.type === 'events' && (\n <>\n <Grid item xs={12}>\n <Typography variant=\"h6\">Events:</Typography>\n </Grid>\n <Grid item xs={9}>\n <Events\n warningEventsOnly\n involvedObjectName={pod.metadata?.name ?? ''}\n namespace={pod.metadata?.namespace ?? ''}\n clusterName={clusterName}\n />\n </Grid>\n </>\n )}\n </Grid>\n );\n };\n\n return (\n <>\n <Button\n variant=\"outlined\"\n aria-label=\"fix issue\"\n component=\"label\"\n onClick={openDialog}\n startIcon={<HelpIcon />}\n >\n Help\n </Button>\n <Dialog maxWidth=\"xl\" fullWidth open={isOpen} onClose={closeDialog}>\n <DialogTitle id=\"dialog-title\">\n {pod.metadata?.name} - {error.type}\n <IconButton\n aria-label=\"close\"\n className={classes.closeButton}\n onClick={closeDialog}\n >\n <CloseIcon />\n </IconButton>\n </DialogTitle>\n <DialogContent>{dialogContent()}</DialogContent>\n <DialogActions>\n {pf && pf.type === 'docs' && (\n <LinkButton\n to={pf.docsLink}\n variant=\"outlined\"\n startIcon={<OpenInNewIcon />}\n target=\"_blank\"\n rel=\"noopener\"\n >\n Open docs\n </LinkButton>\n )}\n </DialogActions>\n </Dialog>\n </>\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"FixDialog.esm.js","sources":["../../../../src/components/Pods/FixDialog/FixDialog.tsx"],"sourcesContent":["/\n Copyright 2023 The Backstage Authors\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n /\nimport { FC, useState } from 'react';\n\nimport Button from '@material-ui/core/Button';\nimport Grid from '@material-ui/core/Grid';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport IconButton from '@material-ui/core/IconButton';\nimport { makeStyles, createStyles, Theme } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport CloseIcon from '@material-ui/icons/Close';\nimport HelpIcon from '@material-ui/icons/Help';\nimport OpenInNewIcon from '@material-ui/icons/OpenInNew';\n\nimport { Pod } from 'kubernetes-models/v1/Pod';\nimport { DetectedError } from '@backstage/plugin-kubernetes-common';\nimport { PodLogs } from '../PodLogs';\nimport { Events } from '../Events';\nimport { LinkButton } from '@backstage/core-components';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { kubernetesReactTranslationRef } from '../../../translation';\n\nconst useStyles = makeStyles((theme: Theme) =>\n createStyles({\n closeButton: {\n position: 'absolute',\n right: theme.spacing(1),\n top: theme.spacing(1),\n color: theme.palette.grey[500],\n },\n }),\n);\n\n/\n Props for FixDialog\n \n @public\n /\nexport interface FixDialogProps {\n open?: boolean;\n clusterName: string;\n pod: Pod;\n error: DetectedError;\n}\n\n/\n A dialog for fixing detected Kubernetes errors\n \n @public\n */\nexport const FixDialog: FC<FixDialogProps> = ({\n open,\n pod,\n error,\n clusterName,\n}: FixDialogProps) => {\n const [isOpen, setOpen] = useState(!!open);\n const classes = useStyles();\n const { t } = useTranslationRef(kubernetesReactTranslationRef);\n\n const openDialog = () => {\n setOpen(true);\n };\n\n const closeDialog = () => {\n setOpen(false);\n };\n\n const pf = error.proposedFix;\n\n const dialogContent = () => {\n return (\n <Grid container>\n <Grid item xs={12}>\n <Typography variant=\"h6\">{t('fixDialog.detectedError')}</Typography>\n <Typography>{error.message}</Typography>\n </Grid>\n <Grid item xs={12}>\n <Typography variant=\"h6\">\n {t('fixDialog.causeExplanation')}\n </Typography>\n <Typography>\n {error.proposedFix?.rootCauseExplanation ?? t('podsTable.unknown')}\n </Typography>\n </Grid>\n <Grid item xs={12}>\n <Typography variant=\"h6\">{t('fixDialog.fix')}</Typography>\n <List>\n {(error.proposedFix?.actions ?? []).map((fix, i) => {\n return (\n <ListItem\n key={`${\n pod.metadata?.name ?? t('podsTable.unknown')\n }-pf-${i}`}\n >\n {fix}\n </ListItem>\n );\n })}\n </List>\n </Grid>\n\n {pf && pf.type === 'logs' && (\n <>\n <Grid item xs={12}>\n <Typography variant=\"h6\">{t('fixDialog.crashLogs')}</Typography>\n </Grid>\n <Grid item xs={9}>\n <PodLogs\n previous\n containerScope={{\n podName: pod.metadata?.name ?? t('podsTable.unknown'),\n podNamespace:\n pod.metadata?.namespace ?? t('podsTable.unknown'),\n cluster: { name: clusterName },\n containerName: pf.container,\n }}\n />\n </Grid>\n </>\n )}\n {pf && pf.type === 'events' && (\n <>\n <Grid item xs={12}>\n <Typography variant=\"h6\">{t('fixDialog.events')}</Typography>\n </Grid>\n <Grid item xs={9}>\n <Events\n warningEventsOnly\n involvedObjectName={pod.metadata?.name ?? ''}\n namespace={pod.metadata?.namespace ?? ''}\n clusterName={clusterName}\n />\n </Grid>\n </>\n )}\n </Grid>\n );\n };\n\n return (\n <>\n <Button\n variant=\"outlined\"\n aria-label={t('fixDialog.ariaLabels.fixIssue')}\n component=\"label\"\n onClick={openDialog}\n startIcon={<HelpIcon />}\n >\n {t('fixDialog.helpButton')}\n </Button>\n <Dialog maxWidth=\"xl\" fullWidth open={isOpen} onClose={closeDialog}>\n <DialogTitle id=\"dialog-title\">\n {t('fixDialog.title', {\n podName: pod.metadata?.name ?? '',\n errorType: error.type,\n })}\n <IconButton\n aria-label={t('fixDialog.ariaLabels.close')}\n className={classes.closeButton}\n onClick={closeDialog}\n >\n <CloseIcon />\n </IconButton>\n </DialogTitle>\n <DialogContent>{dialogContent()}</DialogContent>\n <DialogActions>\n {pf && pf.type === 'docs' && (\n <LinkButton\n to={pf.docsLink}\n variant=\"outlined\"\n startIcon={<OpenInNewIcon />}\n target=\"_blank\"\n rel=\"noopener\"\n >\n {t('fixDialog.openDocs')}\n </LinkButton>\n )}\n </DialogActions>\n </Dialog>\n </>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Pods/PodDrawer/ContainerCard.esm.js CHANGED Viewed

@@ -26,6 +26,8 @@ import { PodExecTerminalDialog } from '../../PodExecTerminal/PodExecTerminalDial
 import { ResourceUtilization } from '../../ResourceUtilization/ResourceUtilization.esm.js';
 import '@material-ui/core/Paper';
 import '@material-ui/lab/Skeleton';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { kubernetesReactTranslationRef } from '../../../translation.esm.js';
 import { PodLogsDialog } from '../PodLogs/PodLogsDialog.esm.js';
 const getContainerHealthChecks = (containerSpec, containerStatus) => {
@@ -71,6 +73,7 @@ const ContainerCard = ({
   containerStatus,
   containerMetrics
 }) => {
+  const { t } = useTranslationRef(kubernetesReactTranslationRef);
   const isPodExecTerminalEnabled = useIsPodExecTerminalEnabled();
   if (containerSpec === void 0) {
     return /* @__PURE__ */ jsx(Typography, { children: "error reading pod from cluster" });
@@ -131,13 +134,13 @@ const ContainerCard = ({
         }
       ) }),
       containerMetrics && /* @__PURE__ */ jsxs(Grid, { container: true, item: true, xs: 12, spacing: 0, children: [
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", children: "Resource utilization" }) }),
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", children: t("podDrawer.resourceUtilization") }) }),
         /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, style: { minHeight: "5rem" }, children: [
           /* @__PURE__ */ jsx(
             ResourceUtilization,
             {
               compressed: true,
-              title: "CPU requests",
+              title: t("podDrawer.cpuRequests"),
               usage: containerMetrics.cpuUsage.currentUsage,
               total: containerMetrics.cpuUsage.requestTotal,
               totalFormatted: formatMillicores(
@@ -149,7 +152,7 @@ const ContainerCard = ({
             ResourceUtilization,
             {
               compressed: true,
-              title: "CPU limits",
+              title: t("podDrawer.cpuLimits"),
               usage: containerMetrics.cpuUsage.currentUsage,
               total: containerMetrics.cpuUsage.limitTotal,
               totalFormatted: formatMillicores(
@@ -161,7 +164,7 @@ const ContainerCard = ({
             ResourceUtilization,
             {
               compressed: true,
-              title: "Memory requests",
+              title: t("podDrawer.memoryRequests"),
               usage: containerMetrics.memoryUsage.currentUsage,
               total: containerMetrics.memoryUsage.requestTotal,
               totalFormatted: bytesToMiB(
@@ -173,7 +176,7 @@ const ContainerCard = ({
             ResourceUtilization,
             {
               compressed: true,
-              title: "Memory limits",
+              title: t("podDrawer.memoryLimits"),
               usage: containerMetrics.memoryUsage.currentUsage,
               total: containerMetrics.memoryUsage.limitTotal,
               totalFormatted: bytesToMiB(

package/dist/components/Pods/PodDrawer/ContainerCard.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContainerCard.esm.js","sources":["../../../../src/components/Pods/PodDrawer/ContainerCard.tsx"],"sourcesContent":["/\n Copyright 2023 The Backstage Authors\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n /\nimport { StructuredMetadataTable } from '@backstage/core-components';\nimport { ClientContainerStatus } from '@backstage/plugin-kubernetes-common';\nimport Card from '@material-ui/core/Card';\nimport CardActions from '@material-ui/core/CardActions';\nimport CardContent from '@material-ui/core/CardContent';\nimport CardHeader from '@material-ui/core/CardHeader';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { IContainer, IContainerStatus } from 'kubernetes-models/v1';\nimport { DateTime } from 'luxon';\nimport { FC } from 'react';\n\nimport { useIsPodExecTerminalEnabled } from '../../../hooks';\nimport { bytesToMiB, formatMillicores } from '../../../utils/resources';\nimport { PodExecTerminalDialog } from '../../PodExecTerminal/PodExecTerminalDialog';\nimport { ResourceUtilization } from '../../ResourceUtilization';\nimport { PodLogsDialog, PodScope } from '../PodLogs';\n\nconst getContainerHealthChecks = (\n containerSpec: IContainer,\n containerStatus: IContainerStatus,\n): { [key: string]: boolean } => {\n const healthCheck = {\n 'not waiting to start': containerStatus.state?.waiting === undefined,\n 'no restarts': containerStatus.restartCount === 0,\n };\n if (containerStatus.state?.terminated?.reason === 'Completed') {\n return healthCheck;\n }\n Object.assign(\n healthCheck,\n { started: !!containerStatus.started },\n { ready: containerStatus.ready },\n { 'readiness probe set': containerSpec?.readinessProbe !== undefined },\n );\n if (containerSpec && containerSpec?.livenessProbe !== undefined) {\n Object.assign(healthCheck, {\n 'liveness probe set': containerSpec.livenessProbe,\n });\n }\n return healthCheck;\n};\n\nconst getCurrentState = (containerStatus: IContainerStatus): string => {\n return (\n containerStatus.state?.waiting?.reason \|\|\n containerStatus.state?.terminated?.reason \|\|\n (containerStatus.state?.running !== undefined ? 'Running' : 'Unknown')\n );\n};\n\nconst getStartedAtTime = (\n containerStatus: IContainerStatus,\n): string \| undefined => {\n return (\n containerStatus.state?.running?.startedAt \|\|\n containerStatus.state?.terminated?.startedAt\n );\n};\n\ninterface ContainerDatetimeProps {\n prefix: string;\n dateTime: string;\n}\n\nconst ContainerDatetime = ({ prefix, dateTime }: ContainerDatetimeProps) => {\n return (\n <Typography variant=\"subtitle2\">\n {prefix}:{' '}\n {DateTime.fromISO(dateTime).toRelative({\n locale: 'en',\n })}\n </Typography>\n );\n};\n\n/\n Props for ContainerCard\n \n @public\n /\nexport interface ContainerCardProps {\n podScope: PodScope;\n containerSpec?: IContainer;\n containerStatus: IContainerStatus;\n containerMetrics?: ClientContainerStatus;\n}\n\n/\n Shows details about a container within a pod\n \n @public\n */\nexport const ContainerCard: FC<ContainerCardProps> = ({\n podScope,\n containerSpec,\n containerStatus,\n containerMetrics,\n}: ContainerCardProps) => {\n const isPodExecTerminalEnabled = useIsPodExecTerminalEnabled();\n\n // This should never be undefined\n if (containerSpec === undefined) {\n return <Typography>error reading pod from cluster</Typography>;\n }\n const containerStartedTime = getStartedAtTime(containerStatus);\n const containerFinishedTime = containerStatus.state?.terminated?.finishedAt;\n\n return (\n <Card>\n <CardHeader\n title={containerStatus.name}\n subheader={containerStatus.image}\n />\n <CardContent>\n <Grid container>\n <Grid item xs={12}>\n {containerStartedTime && (\n <ContainerDatetime\n prefix=\"Started\"\n dateTime={containerStartedTime}\n />\n )}\n {containerFinishedTime && (\n <ContainerDatetime\n prefix=\"Completed\"\n dateTime={containerFinishedTime}\n />\n )}\n {containerStartedTime && containerFinishedTime && (\n <Typography variant=\"subtitle2\">\n Execution time:{' '}\n {DateTime.fromISO(containerFinishedTime)\n .diff(DateTime.fromISO(containerStartedTime), [\n 'hours',\n 'minutes',\n 'seconds',\n ])\n .toHuman()}\n </Typography>\n )}\n </Grid>\n <Grid item xs={12}>\n <Typography variant=\"subtitle2\">\n Status: {getCurrentState(containerStatus)}\n </Typography>\n </Grid>\n {containerStatus.restartCount > 0 && (\n <Grid item xs={12}>\n <Typography variant=\"subtitle2\">\n Restarts: {containerStatus.restartCount}\n </Typography>\n </Grid>\n )}\n <Grid item xs={12}>\n <Typography variant=\"subtitle2\">Container health</Typography>\n </Grid>\n <Grid item xs={12}>\n <StructuredMetadataTable\n metadata={getContainerHealthChecks(\n containerSpec,\n containerStatus,\n )}\n options={{ nestedValuesAsYaml: true }}\n />\n </Grid>\n {containerMetrics && (\n <Grid container item xs={12} spacing={0}>\n <Grid item xs={12}>\n <Typography variant=\"subtitle1\">\n Resource utilization\n </Typography>\n </Grid>\n <Grid item xs={12} style={{ minHeight: '5rem' }}>\n <ResourceUtilization\n compressed\n title=\"CPU requests\"\n usage={containerMetrics.cpuUsage.currentUsage}\n total={containerMetrics.cpuUsage.requestTotal}\n totalFormatted={formatMillicores(\n containerMetrics.cpuUsage.requestTotal,\n )}\n />\n <ResourceUtilization\n compressed\n title=\"CPU limits\"\n usage={containerMetrics.cpuUsage.currentUsage}\n total={containerMetrics.cpuUsage.limitTotal}\n totalFormatted={formatMillicores(\n containerMetrics.cpuUsage.limitTotal,\n )}\n />\n <ResourceUtilization\n compressed\n title=\"Memory requests\"\n usage={containerMetrics.memoryUsage.currentUsage}\n total={containerMetrics.memoryUsage.requestTotal}\n totalFormatted={bytesToMiB(\n containerMetrics.memoryUsage.requestTotal,\n )}\n />\n <ResourceUtilization\n compressed\n title=\"Memory limits\"\n usage={containerMetrics.memoryUsage.currentUsage}\n total={containerMetrics.memoryUsage.limitTotal}\n totalFormatted={bytesToMiB(\n containerMetrics.memoryUsage.limitTotal,\n )}\n />\n </Grid>\n </Grid>\n )}\n </Grid>\n </CardContent>\n <CardActions>\n <PodLogsDialog\n containerScope={{\n containerName: containerStatus.name,\n ...podScope,\n }}\n />\n {isPodExecTerminalEnabled && (\n <PodExecTerminalDialog\n cluster={podScope.cluster}\n containerName={containerStatus.name}\n podName={podScope.podName}\n podNamespace={podScope.podNamespace}\n />\n )}\n </CardActions>\n </Card>\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ContainerCard.esm.js","sources":["../../../../src/components/Pods/PodDrawer/ContainerCard.tsx"],"sourcesContent":["/\n Copyright 2023 The Backstage Authors\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n /\nimport { StructuredMetadataTable } from '@backstage/core-components';\nimport { ClientContainerStatus } from '@backstage/plugin-kubernetes-common';\nimport Card from '@material-ui/core/Card';\nimport CardActions from '@material-ui/core/CardActions';\nimport CardContent from '@material-ui/core/CardContent';\nimport CardHeader from '@material-ui/core/CardHeader';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { IContainer, IContainerStatus } from 'kubernetes-models/v1';\nimport { DateTime } from 'luxon';\nimport { FC } from 'react';\n\nimport { useIsPodExecTerminalEnabled } from '../../../hooks';\nimport { bytesToMiB, formatMillicores } from '../../../utils/resources';\nimport { PodExecTerminalDialog } from '../../PodExecTerminal/PodExecTerminalDialog';\nimport { ResourceUtilization } from '../../ResourceUtilization';\nimport { PodLogsDialog, PodScope } from '../PodLogs';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { kubernetesReactTranslationRef } from '../../../translation';\n\nconst getContainerHealthChecks = (\n containerSpec: IContainer,\n containerStatus: IContainerStatus,\n): { [key: string]: boolean } => {\n const healthCheck = {\n 'not waiting to start': containerStatus.state?.waiting === undefined,\n 'no restarts': containerStatus.restartCount === 0,\n };\n if (containerStatus.state?.terminated?.reason === 'Completed') {\n return healthCheck;\n }\n Object.assign(\n healthCheck,\n { started: !!containerStatus.started },\n { ready: containerStatus.ready },\n { 'readiness probe set': containerSpec?.readinessProbe !== undefined },\n );\n if (containerSpec && containerSpec?.livenessProbe !== undefined) {\n Object.assign(healthCheck, {\n 'liveness probe set': containerSpec.livenessProbe,\n });\n }\n return healthCheck;\n};\n\nconst getCurrentState = (containerStatus: IContainerStatus): string => {\n return (\n containerStatus.state?.waiting?.reason \|\|\n containerStatus.state?.terminated?.reason \|\|\n (containerStatus.state?.running !== undefined ? 'Running' : 'Unknown')\n );\n};\n\nconst getStartedAtTime = (\n containerStatus: IContainerStatus,\n): string \| undefined => {\n return (\n containerStatus.state?.running?.startedAt \|\|\n containerStatus.state?.terminated?.startedAt\n );\n};\n\ninterface ContainerDatetimeProps {\n prefix: string;\n dateTime: string;\n}\n\nconst ContainerDatetime = ({ prefix, dateTime }: ContainerDatetimeProps) => {\n return (\n <Typography variant=\"subtitle2\">\n {prefix}:{' '}\n {DateTime.fromISO(dateTime).toRelative({\n locale: 'en',\n })}\n </Typography>\n );\n};\n\n/\n Props for ContainerCard\n \n @public\n /\nexport interface ContainerCardProps {\n podScope: PodScope;\n containerSpec?: IContainer;\n containerStatus: IContainerStatus;\n containerMetrics?: ClientContainerStatus;\n}\n\n/\n Shows details about a container within a pod\n \n @public\n */\nexport const ContainerCard: FC<ContainerCardProps> = ({\n podScope,\n containerSpec,\n containerStatus,\n containerMetrics,\n}: ContainerCardProps) => {\n const { t } = useTranslationRef(kubernetesReactTranslationRef);\n const isPodExecTerminalEnabled = useIsPodExecTerminalEnabled();\n\n // This should never be undefined\n if (containerSpec === undefined) {\n return <Typography>error reading pod from cluster</Typography>;\n }\n const containerStartedTime = getStartedAtTime(containerStatus);\n const containerFinishedTime = containerStatus.state?.terminated?.finishedAt;\n\n return (\n <Card>\n <CardHeader\n title={containerStatus.name}\n subheader={containerStatus.image}\n />\n <CardContent>\n <Grid container>\n <Grid item xs={12}>\n {containerStartedTime && (\n <ContainerDatetime\n prefix=\"Started\"\n dateTime={containerStartedTime}\n />\n )}\n {containerFinishedTime && (\n <ContainerDatetime\n prefix=\"Completed\"\n dateTime={containerFinishedTime}\n />\n )}\n {containerStartedTime && containerFinishedTime && (\n <Typography variant=\"subtitle2\">\n Execution time:{' '}\n {DateTime.fromISO(containerFinishedTime)\n .diff(DateTime.fromISO(containerStartedTime), [\n 'hours',\n 'minutes',\n 'seconds',\n ])\n .toHuman()}\n </Typography>\n )}\n </Grid>\n <Grid item xs={12}>\n <Typography variant=\"subtitle2\">\n Status: {getCurrentState(containerStatus)}\n </Typography>\n </Grid>\n {containerStatus.restartCount > 0 && (\n <Grid item xs={12}>\n <Typography variant=\"subtitle2\">\n Restarts: {containerStatus.restartCount}\n </Typography>\n </Grid>\n )}\n <Grid item xs={12}>\n <Typography variant=\"subtitle2\">Container health</Typography>\n </Grid>\n <Grid item xs={12}>\n <StructuredMetadataTable\n metadata={getContainerHealthChecks(\n containerSpec,\n containerStatus,\n )}\n options={{ nestedValuesAsYaml: true }}\n />\n </Grid>\n {containerMetrics && (\n <Grid container item xs={12} spacing={0}>\n <Grid item xs={12}>\n <Typography variant=\"subtitle1\">\n {t('podDrawer.resourceUtilization')}\n </Typography>\n </Grid>\n <Grid item xs={12} style={{ minHeight: '5rem' }}>\n <ResourceUtilization\n compressed\n title={t('podDrawer.cpuRequests')}\n usage={containerMetrics.cpuUsage.currentUsage}\n total={containerMetrics.cpuUsage.requestTotal}\n totalFormatted={formatMillicores(\n containerMetrics.cpuUsage.requestTotal,\n )}\n />\n <ResourceUtilization\n compressed\n title={t('podDrawer.cpuLimits')}\n usage={containerMetrics.cpuUsage.currentUsage}\n total={containerMetrics.cpuUsage.limitTotal}\n totalFormatted={formatMillicores(\n containerMetrics.cpuUsage.limitTotal,\n )}\n />\n <ResourceUtilization\n compressed\n title={t('podDrawer.memoryRequests')}\n usage={containerMetrics.memoryUsage.currentUsage}\n total={containerMetrics.memoryUsage.requestTotal}\n totalFormatted={bytesToMiB(\n containerMetrics.memoryUsage.requestTotal,\n )}\n />\n <ResourceUtilization\n compressed\n title={t('podDrawer.memoryLimits')}\n usage={containerMetrics.memoryUsage.currentUsage}\n total={containerMetrics.memoryUsage.limitTotal}\n totalFormatted={bytesToMiB(\n containerMetrics.memoryUsage.limitTotal,\n )}\n />\n </Grid>\n </Grid>\n )}\n </Grid>\n </CardContent>\n <CardActions>\n <PodLogsDialog\n containerScope={{\n containerName: containerStatus.name,\n ...podScope,\n }}\n />\n {isPodExecTerminalEnabled && (\n <PodExecTerminalDialog\n cluster={podScope.cluster}\n containerName={containerStatus.name}\n podName={podScope.podName}\n podNamespace={podScope.podNamespace}\n />\n )}\n </CardActions>\n </Card>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Pods/PodDrawer/PodDrawer.esm.js CHANGED Viewed

@@ -10,6 +10,8 @@ import '@material-ui/core/FormControlLabel';
 import '@material-ui/core/Switch';
 import 'js-yaml';
 import 'react';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { kubernetesReactTranslationRef } from '../../../translation.esm.js';
 import { PodDeleteButton } from '../PodDelete/PodDeleteButton.esm.js';
 import { PendingPodContent } from './PendingPodContent.esm.js';
 import { ErrorList } from '../ErrorList/ErrorList.esm.js';
@@ -56,6 +58,7 @@ const PodDrawer = ({ podAndErrors, open }) => {
   const classes = useDrawerContentStyles();
   const podMetrics = usePodMetrics(podAndErrors.cluster.name, podAndErrors.pod);
   const isPodDeleteEnabled = useIsPodDeleteEnabled();
+  const { t } = useTranslationRef(kubernetesReactTranslationRef);
   return /* @__PURE__ */ jsx(
     KubernetesDrawer,
     {
@@ -79,12 +82,12 @@ const PodDrawer = ({ podAndErrors, open }) => {
           }
         ),
         podMetrics && /* @__PURE__ */ jsxs(Grid, { container: true, item: true, xs: 12, children: [
-          /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Typography, { variant: "h5", children: "Resource utilization" }) }),
+          /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Typography, { variant: "h5", children: t("podDrawer.resourceUtilization") }) }),
           /* @__PURE__ */ jsxs(Grid, { item: true, xs: 6, children: [
             /* @__PURE__ */ jsx(
               ResourceUtilization,
               {
-                title: "CPU requests",
+                title: t("podDrawer.cpuRequests"),
                 usage: podMetrics.cpu.currentUsage,
                 total: podMetrics.cpu.requestTotal,
                 totalFormatted: formatMillicores(podMetrics.cpu.requestTotal)
@@ -93,7 +96,7 @@ const PodDrawer = ({ podAndErrors, open }) => {
             /* @__PURE__ */ jsx(
               ResourceUtilization,
               {
-                title: "CPU limits",
+                title: t("podDrawer.cpuLimits"),
                 usage: podMetrics.cpu.currentUsage,
                 total: podMetrics.cpu.limitTotal,
                 totalFormatted: formatMillicores(podMetrics.cpu.limitTotal)
@@ -104,7 +107,7 @@ const PodDrawer = ({ podAndErrors, open }) => {
             /* @__PURE__ */ jsx(
               ResourceUtilization,
               {
-                title: "Memory requests",
+                title: t("podDrawer.memoryRequests"),
                 usage: podMetrics.memory.currentUsage,
                 total: podMetrics.memory.requestTotal,
                 totalFormatted: bytesToMiB(podMetrics.memory.requestTotal)
@@ -113,7 +116,7 @@ const PodDrawer = ({ podAndErrors, open }) => {
             /* @__PURE__ */ jsx(
               ResourceUtilization,
               {
-                title: "Memory limits",
+                title: t("podDrawer.memoryLimits"),
                 usage: podMetrics.memory.currentUsage,
                 total: podMetrics.memory.limitTotal,
                 totalFormatted: bytesToMiB(podMetrics.memory.limitTotal)

package/dist/components/Pods/PodDrawer/PodDrawer.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PodDrawer.esm.js","sources":["../../../../src/components/Pods/PodDrawer/PodDrawer.tsx"],"sourcesContent":["/\n Copyright 2020 The Backstage Authors\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n /\n\nimport { ItemCardGrid } from '@backstage/core-components';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\n\nimport { Pod } from 'kubernetes-models/v1';\n\nimport { ContainerCard } from './ContainerCard';\n\nimport { PodAndErrors } from '../types';\nimport { KubernetesDrawer } from '../../KubernetesDrawer';\nimport { PodDeleteButton } from '../PodDelete/PodDeleteButton';\nimport { PendingPodContent } from './PendingPodContent';\nimport { ErrorList } from '../ErrorList';\nimport { usePodMetrics } from '../../../hooks/usePodMetrics';\nimport { ResourceUtilization } from '../../ResourceUtilization';\nimport { bytesToMiB, formatMillicores } from '../../../utils/resources';\nimport { useIsPodDeleteEnabled } from '../../../hooks';\n\nconst useDrawerContentStyles = makeStyles((_theme: Theme) =>\n createStyles({\n header: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n },\n content: {\n height: '80%',\n },\n icon: {\n fontSize: 20,\n },\n podoklist: {\n width: '100%',\n maxWidth: 360,\n maxHeight: 360,\n },\n }),\n);\n\nfunction getContainerSpecByName(pod: Pod, containerName: string) {\n return pod.spec?.containers.find(c => c.name === containerName);\n}\n\n/\n Props for PodDrawer\n \n @public\n /\nexport interface PodDrawerProps {\n open?: boolean;\n podAndErrors: PodAndErrors;\n}\n\n/\n A Drawer for Kubernetes Pods\n \n @public\n */\nexport const PodDrawer = ({ podAndErrors, open }: PodDrawerProps) => {\n const classes = useDrawerContentStyles();\n const podMetrics = usePodMetrics(podAndErrors.cluster.name, podAndErrors.pod);\n const isPodDeleteEnabled = useIsPodDeleteEnabled();\n\n return (\n <KubernetesDrawer\n open={open}\n drawerContentsHeader={\n <Typography variant=\"subtitle1\">\n Pod{' '}\n {podAndErrors.pod.status?.podIP &&\n `(${podAndErrors.pod.status?.podIP})`}\n </Typography>\n }\n kubernetesObject={podAndErrors.pod}\n label={\n <Typography variant=\"subtitle1\">\n {podAndErrors.pod.metadata?.name ?? 'unknown'}\n </Typography>\n }\n >\n <div className={classes.content}>\n {isPodDeleteEnabled && (\n <PodDeleteButton\n podScope={{\n podName: podAndErrors.pod.metadata?.name ?? 'unknown',\n podNamespace: podAndErrors.pod.metadata?.namespace ?? 'default',\n cluster: podAndErrors.cluster,\n }}\n />\n )}\n {podMetrics && (\n <Grid container item xs={12}>\n <Grid item xs={12}>\n <Typography variant=\"h5\">Resource utilization</Typography>\n </Grid>\n <Grid item xs={6}>\n <ResourceUtilization\n title=\"CPU requests\"\n usage={podMetrics.cpu.currentUsage}\n total={podMetrics.cpu.requestTotal}\n totalFormatted={formatMillicores(podMetrics.cpu.requestTotal)}\n />\n <ResourceUtilization\n title=\"CPU limits\"\n usage={podMetrics.cpu.currentUsage}\n total={podMetrics.cpu.limitTotal}\n totalFormatted={formatMillicores(podMetrics.cpu.limitTotal)}\n />\n </Grid>\n <Grid item xs={6}>\n <ResourceUtilization\n title=\"Memory requests\"\n usage={podMetrics.memory.currentUsage}\n total={podMetrics.memory.requestTotal}\n totalFormatted={bytesToMiB(podMetrics.memory.requestTotal)}\n />\n <ResourceUtilization\n title=\"Memory limits\"\n usage={podMetrics.memory.currentUsage}\n total={podMetrics.memory.limitTotal}\n totalFormatted={bytesToMiB(podMetrics.memory.limitTotal)}\n />\n </Grid>\n </Grid>\n )}\n {podAndErrors.pod.status?.phase === 'Pending' && (\n <PendingPodContent pod={podAndErrors.pod} />\n )}\n {podAndErrors.pod.status?.containerStatuses?.length && (\n <Grid container spacing={2}>\n <Grid item xs={12}>\n <Typography variant=\"h5\">Containers</Typography>\n </Grid>\n <Grid item xs={12}>\n <ItemCardGrid>\n {podAndErrors.pod.status?.containerStatuses?.map(\n (containerStatus, i) => {\n const containerSpec = getContainerSpecByName(\n podAndErrors.pod,\n containerStatus.name,\n );\n const containerMetrics = (\n podMetrics?.containers ?? []\n ).find(c => c.container === containerStatus.name);\n return (\n <ContainerCard\n key={`container-card-${podAndErrors.pod.metadata?.name}-${i}`}\n containerMetrics={containerMetrics}\n podScope={{\n podName: podAndErrors.pod.metadata?.name ?? 'unknown',\n podNamespace:\n podAndErrors.pod.metadata?.namespace ?? 'unknown',\n cluster: podAndErrors.cluster,\n }}\n containerSpec={containerSpec}\n containerStatus={containerStatus}\n />\n );\n },\n )}\n </ItemCardGrid>\n </Grid>\n {podAndErrors.errors.length > 0 && (\n <Grid item xs={12}>\n <Typography variant=\"h5\">Errors</Typography>\n </Grid>\n )}\n {podAndErrors.errors.length > 0 && (\n <Grid item xs={12}>\n <ErrorList podAndErrors={[podAndErrors]} />\n </Grid>\n )}\n </Grid>\n )}\n </div>\n </KubernetesDrawer>\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"PodDrawer.esm.js","sources":["../../../../src/components/Pods/PodDrawer/PodDrawer.tsx"],"sourcesContent":["/\n Copyright 2020 The Backstage Authors\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n /\n\nimport { ItemCardGrid } from '@backstage/core-components';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\n\nimport { Pod } from 'kubernetes-models/v1';\n\nimport { ContainerCard } from './ContainerCard';\n\nimport { PodAndErrors } from '../types';\nimport { KubernetesDrawer } from '../../KubernetesDrawer';\nimport { PodDeleteButton } from '../PodDelete/PodDeleteButton';\nimport { PendingPodContent } from './PendingPodContent';\nimport { ErrorList } from '../ErrorList';\nimport { usePodMetrics } from '../../../hooks/usePodMetrics';\nimport { ResourceUtilization } from '../../ResourceUtilization';\nimport { bytesToMiB, formatMillicores } from '../../../utils/resources';\nimport { useIsPodDeleteEnabled } from '../../../hooks';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { kubernetesReactTranslationRef } from '../../../translation';\n\nconst useDrawerContentStyles = makeStyles((_theme: Theme) =>\n createStyles({\n header: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n },\n content: {\n height: '80%',\n },\n icon: {\n fontSize: 20,\n },\n podoklist: {\n width: '100%',\n maxWidth: 360,\n maxHeight: 360,\n },\n }),\n);\n\nfunction getContainerSpecByName(pod: Pod, containerName: string) {\n return pod.spec?.containers.find(c => c.name === containerName);\n}\n\n/\n Props for PodDrawer\n \n @public\n /\nexport interface PodDrawerProps {\n open?: boolean;\n podAndErrors: PodAndErrors;\n}\n\n/\n A Drawer for Kubernetes Pods\n \n @public\n */\nexport const PodDrawer = ({ podAndErrors, open }: PodDrawerProps) => {\n const classes = useDrawerContentStyles();\n const podMetrics = usePodMetrics(podAndErrors.cluster.name, podAndErrors.pod);\n const isPodDeleteEnabled = useIsPodDeleteEnabled();\n const { t } = useTranslationRef(kubernetesReactTranslationRef);\n\n return (\n <KubernetesDrawer\n open={open}\n drawerContentsHeader={\n <Typography variant=\"subtitle1\">\n Pod{' '}\n {podAndErrors.pod.status?.podIP &&\n `(${podAndErrors.pod.status?.podIP})`}\n </Typography>\n }\n kubernetesObject={podAndErrors.pod}\n label={\n <Typography variant=\"subtitle1\">\n {podAndErrors.pod.metadata?.name ?? 'unknown'}\n </Typography>\n }\n >\n <div className={classes.content}>\n {isPodDeleteEnabled && (\n <PodDeleteButton\n podScope={{\n podName: podAndErrors.pod.metadata?.name ?? 'unknown',\n podNamespace: podAndErrors.pod.metadata?.namespace ?? 'default',\n cluster: podAndErrors.cluster,\n }}\n />\n )}\n {podMetrics && (\n <Grid container item xs={12}>\n <Grid item xs={12}>\n <Typography variant=\"h5\">\n {t('podDrawer.resourceUtilization')}\n </Typography>\n </Grid>\n <Grid item xs={6}>\n <ResourceUtilization\n title={t('podDrawer.cpuRequests')}\n usage={podMetrics.cpu.currentUsage}\n total={podMetrics.cpu.requestTotal}\n totalFormatted={formatMillicores(podMetrics.cpu.requestTotal)}\n />\n <ResourceUtilization\n title={t('podDrawer.cpuLimits')}\n usage={podMetrics.cpu.currentUsage}\n total={podMetrics.cpu.limitTotal}\n totalFormatted={formatMillicores(podMetrics.cpu.limitTotal)}\n />\n </Grid>\n <Grid item xs={6}>\n <ResourceUtilization\n title={t('podDrawer.memoryRequests')}\n usage={podMetrics.memory.currentUsage}\n total={podMetrics.memory.requestTotal}\n totalFormatted={bytesToMiB(podMetrics.memory.requestTotal)}\n />\n <ResourceUtilization\n title={t('podDrawer.memoryLimits')}\n usage={podMetrics.memory.currentUsage}\n total={podMetrics.memory.limitTotal}\n totalFormatted={bytesToMiB(podMetrics.memory.limitTotal)}\n />\n </Grid>\n </Grid>\n )}\n {podAndErrors.pod.status?.phase === 'Pending' && (\n <PendingPodContent pod={podAndErrors.pod} />\n )}\n {podAndErrors.pod.status?.containerStatuses?.length && (\n <Grid container spacing={2}>\n <Grid item xs={12}>\n <Typography variant=\"h5\">Containers</Typography>\n </Grid>\n <Grid item xs={12}>\n <ItemCardGrid>\n {podAndErrors.pod.status?.containerStatuses?.map(\n (containerStatus, i) => {\n const containerSpec = getContainerSpecByName(\n podAndErrors.pod,\n containerStatus.name,\n );\n const containerMetrics = (\n podMetrics?.containers ?? []\n ).find(c => c.container === containerStatus.name);\n return (\n <ContainerCard\n key={`container-card-${podAndErrors.pod.metadata?.name}-${i}`}\n containerMetrics={containerMetrics}\n podScope={{\n podName: podAndErrors.pod.metadata?.name ?? 'unknown',\n podNamespace:\n podAndErrors.pod.metadata?.namespace ?? 'unknown',\n cluster: podAndErrors.cluster,\n }}\n containerSpec={containerSpec}\n containerStatus={containerStatus}\n />\n );\n },\n )}\n </ItemCardGrid>\n </Grid>\n {podAndErrors.errors.length > 0 && (\n <Grid item xs={12}>\n <Typography variant=\"h5\">Errors</Typography>\n </Grid>\n )}\n {podAndErrors.errors.length > 0 && (\n <Grid item xs={12}>\n <ErrorList podAndErrors={[podAndErrors]} />\n </Grid>\n )}\n </Grid>\n )}\n </div>\n </KubernetesDrawer>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Pods/PodLogs/PodLogs.esm.js CHANGED Viewed

@@ -3,11 +3,14 @@ import { DismissableBanner, EmptyState, LogViewer } from '@backstage/core-compon
 import Paper from '@material-ui/core/Paper';
 import Skeleton from '@material-ui/lab/Skeleton';
 import { usePodLogs } from './usePodLogs.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { kubernetesReactTranslationRef } from '../../../translation.esm.js';
 const PodLogs = ({
   containerScope,
   previous
 }) => {
+  const { t } = useTranslationRef(kubernetesReactTranslationRef);
   const { value, error, loading } = usePodLogs({
     containerScope,
     previous
@@ -35,8 +38,8 @@ const PodLogs = ({
             EmptyState,
             {
               missing: "data",
-              title: "No logs emitted",
-              description: "No logs were emitted by the container"
+              title: t("podLogs.title"),
+              description: t("podLogs.description")
             }
           ) : /* @__PURE__ */ jsx(LogViewer, { text: value.text }))
         ]

package/dist/components/Pods/PodLogs/PodLogs.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PodLogs.esm.js","sources":["../../../../src/components/Pods/PodLogs/PodLogs.tsx"],"sourcesContent":["/\n Copyright 2023 The Backstage Authors\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n /\nimport { FC } from 'react';\n\nimport {\n DismissableBanner,\n EmptyState,\n LogViewer,\n} from '@backstage/core-components';\nimport Paper from '@material-ui/core/Paper';\nimport Skeleton from '@material-ui/lab/Skeleton';\n\nimport { ContainerScope } from './types';\nimport { usePodLogs } from './usePodLogs';\n\n/\n Props for PodLogs\n \n @public\n /\nexport interface PodLogsProps {\n containerScope: ContainerScope;\n previous?: boolean;\n}\n\n/\n Shows the logs for the given pod\n \n @public\n */\nexport const PodLogs: FC<PodLogsProps> = ({\n containerScope,\n previous,\n}: PodLogsProps) => {\n const { value, error, loading } = usePodLogs({\n containerScope,\n previous,\n });\n\n return (\n <>\n {error && (\n <DismissableBanner\n {...{\n message: error.message,\n variant: 'error',\n fixed: false,\n }}\n id=\"pod-logs\"\n />\n )}\n <Paper\n elevation={1}\n style={{ height: '100%', width: '100%', minHeight: '55rem' }}\n >\n {loading && <Skeleton variant=\"rect\" width=\"100%\" height=\"100%\" />}\n {!loading &&\n value !== undefined &&\n (value.text === '' ? (\n <EmptyState\n missing=\"data\"\n title~~=\"No logs emitted~~\"\n description~~=\"No logs were emitted by the container~~\"\n />\n ) : (\n <LogViewer text={value.text} />\n ))}\n </Paper>\n </>\n );\n};\n"],"names":[],"mappings":"~~;;;;;;AA2CO~~,MAAM,UAA4B,CAAC;AAAA,EACxC,cAAA;AAAA,EACA;AACF,CAAA,KAAoB;AAClB,EAAA,MAAM,EAAE,KAAA,EAAO,KAAA,EAAO,OAAA,KAAY,UAAA,CAAW;AAAA,IAC3C,cAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,KAAA,oBACC,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,UACF,SAAS,KAAA,CAAM,OAAA;AAAA,UACf,OAAA,EAAS,OAAA;AAAA,UACT,KAAA,EAAO;AAAA,SACT;AAAA,QACA,EAAA,EAAG;AAAA;AAAA,KACL;AAAA,oBAEF,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,CAAA;AAAA,QACX,OAAO,EAAE,MAAA,EAAQ,QAAQ,KAAA,EAAO,MAAA,EAAQ,WAAW,OAAA,EAAQ;AAAA,QAE1D,QAAA,EAAA;AAAA,UAAA,OAAA,wBAAY,QAAA,EAAA,EAAS,OAAA,EAAQ,QAAO,KAAA,EAAM,MAAA,EAAO,QAAO,MAAA,EAAO,CAAA;AAAA,UAC/D,CAAC,OAAA,IACA,KAAA,KAAU,MAAA,KACT,KAAA,CAAM,SAAS,EAAA,mBACd,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAQ,MAAA;AAAA,cACR,KAAA,~~EAAM~~,~~iBAAA~~;AAAA,~~cACN~~,WAAA,~~EAAY~~;AAAA;AAAA,~~WACd~~,mBAEA,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAM,MAAM,IAAA,EAAM,CAAA;AAAA;AAAA;AAAA;AAEnC,GAAA,EACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"PodLogs.esm.js","sources":["../../../../src/components/Pods/PodLogs/PodLogs.tsx"],"sourcesContent":["/\n Copyright 2023 The Backstage Authors\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n /\nimport { FC } from 'react';\n\nimport {\n DismissableBanner,\n EmptyState,\n LogViewer,\n} from '@backstage/core-components';\nimport Paper from '@material-ui/core/Paper';\nimport Skeleton from '@material-ui/lab/Skeleton';\n\nimport { ContainerScope } from './types';\nimport { usePodLogs } from './usePodLogs';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { kubernetesReactTranslationRef } from '../../../translation';\n\n/\n Props for PodLogs\n \n @public\n /\nexport interface PodLogsProps {\n containerScope: ContainerScope;\n previous?: boolean;\n}\n\n/\n Shows the logs for the given pod\n \n @public\n */\nexport const PodLogs: FC<PodLogsProps> = ({\n containerScope,\n previous,\n}: PodLogsProps) => {\n const { t } = useTranslationRef(kubernetesReactTranslationRef);\n const { value, error, loading } = usePodLogs({\n containerScope,\n previous,\n });\n\n return (\n <>\n {error && (\n <DismissableBanner\n {...{\n message: error.message,\n variant: 'error',\n fixed: false,\n }}\n id=\"pod-logs\"\n />\n )}\n <Paper\n elevation={1}\n style={{ height: '100%', width: '100%', minHeight: '55rem' }}\n >\n {loading && <Skeleton variant=\"rect\" width=\"100%\" height=\"100%\" />}\n {!loading &&\n value !== undefined &&\n (value.text === '' ? (\n <EmptyState\n missing=\"data\"\n title={t('podLogs.title')}\n description={t('podLogs.description')}\n />\n ) : (\n <LogViewer text={value.text} />\n ))}\n </Paper>\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;;AA6CO,MAAM,UAA4B,CAAC;AAAA,EACxC,cAAA;AAAA,EACA;AACF,CAAA,KAAoB;AAClB,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,6BAA6B,CAAA;AAC7D,EAAA,MAAM,EAAE,KAAA,EAAO,KAAA,EAAO,OAAA,KAAY,UAAA,CAAW;AAAA,IAC3C,cAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,KAAA,oBACC,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,UACF,SAAS,KAAA,CAAM,OAAA;AAAA,UACf,OAAA,EAAS,OAAA;AAAA,UACT,KAAA,EAAO;AAAA,SACT;AAAA,QACA,EAAA,EAAG;AAAA;AAAA,KACL;AAAA,oBAEF,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,CAAA;AAAA,QACX,OAAO,EAAE,MAAA,EAAQ,QAAQ,KAAA,EAAO,MAAA,EAAQ,WAAW,OAAA,EAAQ;AAAA,QAE1D,QAAA,EAAA;AAAA,UAAA,OAAA,wBAAY,QAAA,EAAA,EAAS,OAAA,EAAQ,QAAO,KAAA,EAAM,MAAA,EAAO,QAAO,MAAA,EAAO,CAAA;AAAA,UAC/D,CAAC,OAAA,IACA,KAAA,KAAU,MAAA,KACT,KAAA,CAAM,SAAS,EAAA,mBACd,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAQ,MAAA;AAAA,cACR,KAAA,EAAO,EAAE,eAAe,CAAA;AAAA,cACxB,WAAA,EAAa,EAAE,qBAAqB;AAAA;AAAA,WACtC,mBAEA,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAM,MAAM,IAAA,EAAM,CAAA;AAAA;AAAA;AAAA;AAEnC,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/Pods/PodLogs/PodLogsDialog.esm.js CHANGED Viewed

@@ -2,16 +2,23 @@ import { jsx } from 'react/jsx-runtime';
 import SubjectIcon from '@material-ui/icons/Subject';
 import { KubernetesDialog } from '../../KubernetesDialog/KubernetesDialog.esm.js';
 import { PodLogs } from './PodLogs.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { kubernetesReactTranslationRef } from '../../../translation.esm.js';
 const PodLogsDialog = ({ containerScope }) => {
+  const { t } = useTranslationRef(kubernetesReactTranslationRef);
   return /* @__PURE__ */ jsx(
     KubernetesDialog,
     {
-      buttonAriaLabel: "get logs",
+      buttonAriaLabel: t("podLogs.buttonAriaLabel"),
       buttonIcon: /* @__PURE__ */ jsx(SubjectIcon, {}),
-      buttonText: "Logs",
+      buttonText: t("podLogs.buttonText"),
       disabled: false,
-      title: `${containerScope.podName} - ${containerScope.containerName} logs on cluster ${containerScope.cluster.title || containerScope.cluster.name}`,
+      title: t("podLogs.titleTemplate", {
+        podName: containerScope.podName,
+        containerName: containerScope.containerName,
+        clusterName: containerScope.cluster.title || containerScope.cluster.name
+      }),
       children: /* @__PURE__ */ jsx(PodLogs, { containerScope })
     }
   );

package/dist/components/Pods/PodLogs/PodLogsDialog.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PodLogsDialog.esm.js","sources":["../../../../src/components/Pods/PodLogs/PodLogsDialog.tsx"],"sourcesContent":["/\n Copyright 2023 The Backstage Authors\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n /\nimport SubjectIcon from '@material-ui/icons/Subject';\n\nimport { KubernetesDialog } from '../../KubernetesDialog';\nimport { PodLogs } from './PodLogs';\nimport { ContainerScope } from './types';\n\n/\n Props for PodLogsDialog\n \n @public\n /\nexport interface PodLogsDialogProps {\n containerScope: ContainerScope;\n}\n\n/\n Shows the logs for the given pod in a Dialog\n \n @public\n */\nexport const PodLogsDialog = ({ containerScope }: PodLogsDialogProps) => {\n return (\n <KubernetesDialog\n buttonAriaLabel~~=\"get logs~~\"\n buttonIcon={<SubjectIcon />}\n buttonText~~=\"Logs~~\"\n disabled={false}\n title={~~`${containerScope~~.~~podName}~~ ~~- $~~{\n containerScope.containerName~~\n }~~ ~~logs on cluster ${\~~n containerScope.cluster.title \|\| containerScope.cluster.name\n }`}\n >\n <PodLogs containerScope={containerScope} />\n </KubernetesDialog>\n );\n};\n"],"names":[],"mappings":"~~;;;;;AAmCO~~,MAAM,aAAA,GAAgB,CAAC,EAAE,cAAA,EAAe,KAA0B;AACvE,EAAA,uBACE,GAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,eAAA,~~EAAgB~~,~~UAAA~~;AAAA,~~MAChB~~,UAAA,sBAAa,WAAA,EAAA,EAAY,CAAA;AAAA,MACzB,UAAA,~~EAAW~~,~~MAAA~~;AAAA,~~MACX~~,QAAA,EAAU,KAAA;AAAA,MACV,KAAA,EAAO,~~CAAA~~,~~EAAG~~,cAAA,CAAe,~~OAAO~~,~~CAAA~~,~~GAAA~~,~~EAC9B,~~cAAA,CAAe,~~aACjB~~,~~CAAA~~,~~iBAAA~~,EACE,cAAA,CAAe,OAAA,CAAQ,KAAA,IAAS,~~cAAA~~,~~CAAe~~,~~QAAQ~~,~~IACzD~~,CAAA~~,CAAA~~;AAAA,~~MAEA~~,QAAA,kBAAA,GAAA,CAAC,WAAQ,cAAA,EAAgC;AAAA;AAAA,GAC3C;AAEJ;;;;"}
1	+ {"version":3,"file":"PodLogsDialog.esm.js","sources":["../../../../src/components/Pods/PodLogs/PodLogsDialog.tsx"],"sourcesContent":["/\n Copyright 2023 The Backstage Authors\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n /\nimport SubjectIcon from '@material-ui/icons/Subject';\n\nimport { KubernetesDialog } from '../../KubernetesDialog';\nimport { PodLogs } from './PodLogs';\nimport { ContainerScope } from './types';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { kubernetesReactTranslationRef } from '../../../translation';\n\n/\n Props for PodLogsDialog\n \n @public\n /\nexport interface PodLogsDialogProps {\n containerScope: ContainerScope;\n}\n\n/\n Shows the logs for the given pod in a Dialog\n \n @public\n */\nexport const PodLogsDialog = ({ containerScope }: PodLogsDialogProps) => {\n const { t } = useTranslationRef(kubernetesReactTranslationRef);\n return (\n <KubernetesDialog\n buttonAriaLabel={t('podLogs.buttonAriaLabel')}\n buttonIcon={<SubjectIcon />}\n buttonText={t('podLogs.buttonText')}\n disabled={false}\n title={t('podLogs.titleTemplate', {\n podName: containerScope.podName,\n containerName: containerScope.containerName,\n clusterName:\n containerScope.cluster.title \|\| containerScope.cluster.name,\n })}\n >\n <PodLogs containerScope={containerScope} />\n </KubernetesDialog>\n );\n};\n"],"names":[],"mappings":";;;;;;;AAqCO,MAAM,aAAA,GAAgB,CAAC,EAAE,cAAA,EAAe,KAA0B;AACvE,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,6BAA6B,CAAA;AAC7D,EAAA,uBACE,GAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,eAAA,EAAiB,EAAE,yBAAyB,CAAA;AAAA,MAC5C,UAAA,sBAAa,WAAA,EAAA,EAAY,CAAA;AAAA,MACzB,UAAA,EAAY,EAAE,oBAAoB,CAAA;AAAA,MAClC,QAAA,EAAU,KAAA;AAAA,MACV,KAAA,EAAO,EAAE,uBAAA,EAAyB;AAAA,QAChC,SAAS,cAAA,CAAe,OAAA;AAAA,QACxB,eAAe,cAAA,CAAe,aAAA;AAAA,QAC9B,WAAA,EACE,cAAA,CAAe,OAAA,CAAQ,KAAA,IAAS,eAAe,OAAA,CAAQ;AAAA,OAC1D,CAAA;AAAA,MAED,QAAA,kBAAA,GAAA,CAAC,WAAQ,cAAA,EAAgC;AAAA;AAAA,GAC3C;AAEJ;;;;"}

package/dist/components/Pods/PodsTable.esm.js CHANGED Viewed

@@ -24,30 +24,17 @@ import { useMatchingErrors } from '../../hooks/useMatchingErrors.esm.js';
 import '@material-ui/icons/OpenInBrowser';
 import '../KubernetesDialog/KubernetesDialog.esm.js';
 import '../PodExecTerminal/PodExecTerminal.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { kubernetesReactTranslationRef } from '../../translation.esm.js';
 import '@material-ui/core/Paper';
 import '@material-ui/lab/Skeleton';
 import '@material-ui/icons/Subject';
 import '@material-ui/core/List';
 import '@material-ui/core/ListItem';
-import { containerStatuses, containersReady, totalRestarts, podStatusToCpuUtil, podStatusToMemoryUtil } from '../../utils/pod.esm.js';
+import { containersReady, totalRestarts, containerStatuses, podStatusToCpuUtil, podStatusToMemoryUtil } from '../../utils/pod.esm.js';
 const READY_COLUMNS = "READY";
 const RESOURCE_COLUMNS = "RESOURCE";
-const READY = [
-  {
-    title: "containers ready",
-    align: "center",
-    render: containersReady,
-    width: "auto"
-  },
-  {
-    title: "total restarts",
-    align: "center",
-    render: totalRestarts,
-    type: "numeric",
-    width: "auto"
-  }
-];
 const PodDrawerTrigger = ({ pod }) => {
   const errors = useMatchingErrors({
     kind: "Pod",
@@ -67,40 +54,58 @@ const PodDrawerTrigger = ({ pod }) => {
 };
 const Cpu = ({ clusterName, pod }) => {
   const metrics = usePodMetrics(clusterName, pod);
+  const { t } = useTranslationRef(kubernetesReactTranslationRef);
   if (!metrics) {
-    return /* @__PURE__ */ jsx(Typography, { children: "unknown" });
+    return /* @__PURE__ */ jsx(Typography, { children: t("podsTable.unknown") });
   }
   return /* @__PURE__ */ jsx(Fragment, { children: podStatusToCpuUtil(metrics) });
 };
 const Memory = ({ clusterName, pod }) => {
   const metrics = usePodMetrics(clusterName, pod);
+  const { t } = useTranslationRef(kubernetesReactTranslationRef);
   if (!metrics) {
-    return /* @__PURE__ */ jsx(Typography, { children: "unknown" });
+    return /* @__PURE__ */ jsx(Typography, { children: t("podsTable.unknown") });
   }
   return /* @__PURE__ */ jsx(Fragment, { children: podStatusToMemoryUtil(metrics) });
 };
 const PodsTable = ({ pods, extraColumns = [] }) => {
   const cluster = useContext(ClusterContext);
+  const { t } = useTranslationRef(kubernetesReactTranslationRef);
+  const READY = [
+    {
+      title: t("podsTable.columns.containersReady"),
+      align: "center",
+      render: containersReady,
+      width: "auto"
+    },
+    {
+      title: t("podsTable.columns.totalRestarts"),
+      align: "center",
+      render: totalRestarts,
+      type: "numeric",
+      width: "auto"
+    }
+  ];
   const defaultColumns = [
     {
-      title: "ID",
+      title: t("podsTable.columns.id"),
       field: "metadata.uid",
       hidden: true
     },
     {
-      title: "name",
+      title: t("podsTable.columns.name"),
       highlight: true,
       render: (pod) => {
         return /* @__PURE__ */ jsx(PodDrawerTrigger, { pod });
       }
     },
     {
-      title: "phase",
-      render: (pod) => pod.status?.phase ?? "unknown",
+      title: t("podsTable.columns.phase"),
+      render: (pod) => pod.status?.phase ?? t("podsTable.unknown"),
       width: "auto"
     },
     {
-      title: "status",
+      title: t("podsTable.columns.status"),
       render: containerStatuses
     }
   ];
@@ -111,14 +116,14 @@ const PodsTable = ({ pods, extraColumns = [] }) => {
   if (extraColumns.includes(RESOURCE_COLUMNS)) {
     const resourceColumns = [
       {
-        title: "CPU usage %",
+        title: t("podsTable.columns.cpuUsage"),
         render: (pod) => {
           return /* @__PURE__ */ jsx(Cpu, { clusterName: cluster.name, pod });
         },
         width: "auto"
       },
       {
-        title: "Memory usage %",
+        title: t("podsTable.columns.memoryUsage"),
         render: (pod) => {
           return /* @__PURE__ */ jsx(Memory, { clusterName: cluster.name, pod });
         },