Remove lingui (#1874)

* remove lingui

Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>

* babelless

Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>

* tweak ts-loader options

Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>

* tweak renderer webpack config

Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>

src/renderer/components/+storage-volume-claims/volume-claim-details.tsx

@@ -3,7 +3,6 @@ import "./volume-claim-details.scss";
 import React, { Fragment } from "react";
 import { reaction } from "mobx";
 import { disposeOnUnmount, observer } from "mobx-react";
-import { t, Trans } from "@lingui/macro";
 import { DrawerItem, DrawerTitle } from "../drawer";
 import { Badge } from "../badge";
 import { podsStore } from "../+workloads-pods/pods.store";
@@ -14,7 +13,6 @@ import { ResourceMetrics } from "../resource-metrics";
 import { VolumeClaimDiskChart } from "./volume-claim-disk-chart";
 import { getDetailsUrl, KubeObjectDetailsProps, KubeObjectMeta } from "../kube-object";
 import { PersistentVolumeClaim } from "../../api/endpoints";
-import { _i18n } from "../../i18n";
 import { kubeObjectDetailRegistry } from "../../api/kube-object-detail-registry";
 
 interface Props extends KubeObjectDetailsProps<PersistentVolumeClaim> {
@@ -41,7 +39,7 @@ export class PersistentVolumeClaimDetails extends React.Component<Props> {
     const { metrics } = volumeClaimStore;
     const pods = volumeClaim.getPods(podsStore.items);
     const metricTabs = [
-      <Trans key="disk">Disk</Trans>
+      "Disk"
     ];
 
     return (
@@ -53,38 +51,38 @@ export class PersistentVolumeClaimDetails extends React.Component<Props> {
           <VolumeClaimDiskChart/>
         </ResourceMetrics>
         <KubeObjectMeta object={volumeClaim}/>
-        <DrawerItem name={<Trans>Access Modes</Trans>}>
+        <DrawerItem name="Access Modes">
           {accessModes.join(", ")}
         </DrawerItem>
-        <DrawerItem name={<Trans>Storage Class Name</Trans>}>
+        <DrawerItem name="Storage Class Name">
           {storageClassName}
         </DrawerItem>
-        <DrawerItem name={<Trans>Storage</Trans>}>
+        <DrawerItem name="Storage">
           {volumeClaim.getStorage()}
         </DrawerItem>
-        <DrawerItem name={<Trans>Pods</Trans>} className="pods">
+        <DrawerItem name="Pods" className="pods">
           {pods.map(pod => (
             <Link key={pod.getId()} to={getDetailsUrl(pod.selfLink)}>
               {pod.getName()}
             </Link>
           ))}
         </DrawerItem>
-        <DrawerItem name={<Trans>Status</Trans>}>
+        <DrawerItem name="Status">
           {volumeClaim.getStatus()}
         </DrawerItem>
 
-        <DrawerTitle title={_i18n._(t`Selector`)}/>
+        <DrawerTitle title={`Selector`}/>
 
-        <DrawerItem name={<Trans>Match Labels</Trans>} labelsOnly>
+        <DrawerItem name="Match Labels" labelsOnly>
           {volumeClaim.getMatchLabels().map(label => <Badge key={label} label={label}/>)}
         </DrawerItem>
 
-        <DrawerItem name={<Trans>Match Expressions</Trans>}>
+        <DrawerItem name="Match Expressions">
           {volumeClaim.getMatchExpressions().map(({ key, operator, values }, i) => (
             <Fragment key={i}>
-              <DrawerItem name={<Trans>Key</Trans>}>{key}</DrawerItem>
-              <DrawerItem name={<Trans>Operator</Trans>}>{operator}</DrawerItem>
-              <DrawerItem name={<Trans>Values</Trans>}>{values.join(", ")}</DrawerItem>
+              <DrawerItem name="Key">{key}</DrawerItem>
+              <DrawerItem name="Operator">{operator}</DrawerItem>
+              <DrawerItem name="Values">{values.join(", ")}</DrawerItem>
             </Fragment>
           ))}
         </DrawerItem>

src/renderer/components/+storage-volume-claims/volume-claim-disk-chart.tsx

@@ -1,12 +1,10 @@
 import React, { useContext } from "react";
 import { observer } from "mobx-react";
-import { t } from "@lingui/macro";
 import { IPvcMetrics, PersistentVolumeClaim } from "../../api/endpoints";
 import { BarChart, ChartDataSets, memoryOptions } from "../chart";
 import { isMetricsEmpty, normalizeMetrics } from "../../api/endpoints/metrics.api";
 import { NoMetrics } from "../resource-metrics/no-metrics";
 import { IResourceMetricsValue, ResourceMetricsContext } from "../resource-metrics";
-import { _i18n } from "../../i18n";
 import { themeStore } from "../../theme.store";
 
 type IContext = IResourceMetricsValue<PersistentVolumeClaim, { metrics: IPvcMetrics }>;
@@ -26,15 +24,15 @@ export const VolumeClaimDiskChart = observer(() => {
   const datasets: ChartDataSets[] = [
     {
       id: `${id}-diskUsage`,
-      label: _i18n._(t`Usage`),
-      tooltip: _i18n._(t`Volume disk usage`),
+      label: `Usage`,
+      tooltip: `Volume disk usage`,
       borderColor: "#ffc63d",
       data: usage.map(([x, y]) => ({ x, y }))
     },
     {
       id: `${id}-diskCapacity`,
-      label: _i18n._(t`Capacity`),
-      tooltip: _i18n._(t`Volume disk capacity`),
+      label: `Capacity`,
+      tooltip: `Volume disk capacity`,
       borderColor: chartCapacityColor,
       data: capacity.map(([x, y]) => ({ x, y }))
     }

src/renderer/components/+storage-volume-claims/volume-claims.tsx

@@ -3,7 +3,6 @@ import "./volume-claims.scss";
 import React from "react";
 import { observer } from "mobx-react";
 import { Link, RouteComponentProps } from "react-router-dom";
-import { Trans } from "@lingui/macro";
 import { volumeClaimStore } from "./volume-claim.store";
 import { PersistentVolumeClaim } from "../../api/endpoints/persistent-volume-claims.api";
 import { podsStore } from "../+workloads-pods/pods.store";
@@ -48,16 +47,16 @@ export class PersistentVolumeClaims extends React.Component<Props> {
           (item: PersistentVolumeClaim) => item.getSearchFields(),
           (item: PersistentVolumeClaim) => item.getPods(podsStore.items).map(pod => pod.getName()),
         ]}
-        renderHeaderTitle={<Trans>Persistent Volume Claims</Trans>}
+        renderHeaderTitle="Persistent Volume Claims"
         renderTableHeader={[
-          { title: <Trans>Name</Trans>, className: "name", sortBy: sortBy.name },
+          { title: "Name", className: "name", sortBy: sortBy.name },
           { className: "warning" },
-          { title: <Trans>Namespace</Trans>, className: "namespace", sortBy: sortBy.namespace },
-          { title: <Trans>Storage class</Trans>, className: "storageClass", sortBy: sortBy.storageClass },
-          { title: <Trans>Size</Trans>, className: "size", sortBy: sortBy.size },
-          { title: <Trans>Pods</Trans>, className: "pods", sortBy: sortBy.pods },
-          { title: <Trans>Age</Trans>, className: "age", sortBy: sortBy.age },
-          { title: <Trans>Status</Trans>, className: "status", sortBy: sortBy.status },
+          { title: "Namespace", className: "namespace", sortBy: sortBy.namespace },
+          { title: "Storage class", className: "storageClass", sortBy: sortBy.storageClass },
+          { title: "Size", className: "size", sortBy: sortBy.size },
+          { title: "Pods", className: "pods", sortBy: sortBy.pods },
+          { title: "Age", className: "age", sortBy: sortBy.age },
+          { title: "Status", className: "status", sortBy: sortBy.status },
         ]}
         renderTableContents={(pvc: PersistentVolumeClaim) => {
           const pods = pvc.getPods(podsStore.items);