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/+workloads-replicasets/replicaset-details.tsx

@@ -1,6 +1,5 @@
 import "./replicaset-details.scss";
 import React from "react";
-import { Trans } from "@lingui/macro";
 import { reaction } from "mobx";
 import { DrawerItem } from "../drawer";
 import { Badge } from "../badge";
@@ -63,32 +62,32 @@ export class ReplicaSetDetails extends React.Component<Props> {
         )}
         <KubeObjectMeta object={replicaSet}/>
         {selectors.length > 0 &&
-        <DrawerItem name={<Trans>Selector</Trans>} labelsOnly>
+        <DrawerItem name="Selector" labelsOnly>
           {
             selectors.map(label => <Badge key={label} label={label}/>)
           }
         </DrawerItem>
         }
         {nodeSelector.length > 0 &&
-        <DrawerItem name={<Trans>Node Selector</Trans>} labelsOnly>
+        <DrawerItem name="Node Selector" labelsOnly>
           {
             nodeSelector.map(label => <Badge key={label} label={label}/>)
           }
         </DrawerItem>
         }
         {images.length > 0 &&
-        <DrawerItem name={<Trans>Images</Trans>}>
+        <DrawerItem name="Images">
           {
             images.map(image => <p key={image}>{image}</p>)
           }
         </DrawerItem>
         }
-        <DrawerItem name={<Trans>Replicas</Trans>}>
+        <DrawerItem name="Replicas">
           {`${availableReplicas || 0} current / ${replicas || 0} desired`}
         </DrawerItem>
         <PodDetailsTolerations workload={replicaSet}/>
         <PodDetailsAffinities workload={replicaSet}/>
-        <DrawerItem name={<Trans>Pod Status</Trans>} className="pod-status">
+        <DrawerItem name="Pod Status" className="pod-status">
           <PodDetailsStatuses pods={childPods}/>
         </DrawerItem>
         <ResourceMetricsText metrics={metrics}/>

src/renderer/components/+workloads-replicasets/replicaset-scale-dialog.tsx

@@ -3,7 +3,6 @@ import "./replicaset-scale-dialog.scss";
 import React, { Component } from "react";
 import { computed, observable } from "mobx";
 import { observer } from "mobx-react";
-import { Trans } from "@lingui/macro";
 import { Dialog, DialogProps } from "../dialog";
 import { Wizard, WizardStep } from "../wizard";
 import { Icon } from "../icon";
@@ -101,11 +100,11 @@ export class ReplicaSetScaleDialog extends Component<Props> {
     return (
       <>
         <div className="current-scale" data-testid="current-scale">
-          <Trans>Current replica scale: {currentReplicas}</Trans>
+          Current replica scale: {currentReplicas}
         </div>
         <div className="flex gaps align-center">
           <div className="desired-scale" data-testid="desired-scale">
-            <Trans>Desired number of replicas</Trans>: {desiredReplicas}
+            Desired number of replicas: {desiredReplicas}
           </div>
           <div className="slider-container flex align-center" data-testid="slider">
             <Slider value={desiredReplicas} max={scaleMax}
@@ -128,7 +127,7 @@ export class ReplicaSetScaleDialog extends Component<Props> {
         {warning &&
         <div className="warning" data-testid="warning">
           <Icon material="warning"/>
-          <Trans>High number of replicas may cause cluster performance issues</Trans>
+          High number of replicas may cause cluster performance issues
         </div>
         }
       </>
@@ -140,7 +139,7 @@ export class ReplicaSetScaleDialog extends Component<Props> {
     const replicaSetName = this.replicaSet ? this.replicaSet.getName() : "";
     const header = (
       <h5>
-        <Trans>Scale Replica Set <span>{replicaSetName}</span></Trans>
+        Scale Replica Set <span>{replicaSetName}</span>
       </h5>
     );
 
@@ -157,7 +156,7 @@ export class ReplicaSetScaleDialog extends Component<Props> {
           <WizardStep
             contentClass="flex gaps column"
             next={this.scale}
-            nextLabel={<Trans>Scale</Trans>}
+            nextLabel="Scale"
             disabledNext={!this.ready}
           >
             {this.renderContents()}

src/renderer/components/+workloads-replicasets/replicasets.tsx

@@ -2,7 +2,6 @@ import "./replicasets.scss";
 
 import React from "react";
 import { observer } from "mobx-react";
-import { t, Trans } from "@lingui/macro";
 import { ReplicaSet } from "../../api/endpoints";
 import { KubeObjectMenuProps } from "../kube-object/kube-object-menu";
 import { replicaSetStore } from "./replicasets.store";
@@ -12,7 +11,6 @@ import { IReplicaSetsRouteParams } from "../+workloads/workloads.route";
 import { KubeObjectListLayout } from "../kube-object/kube-object-list-layout";
 import { MenuItem } from "../menu/menu";
 import { Icon } from "../icon/icon";
-import { _i18n } from "../../i18n";
 import { kubeObjectMenuRegistry } from "../../../extensions/registries/kube-object-menu-registry";
 import { ReplicaSetScaleDialog } from "./replicaset-scale-dialog";
 
@@ -45,15 +43,15 @@ export class ReplicaSets extends React.Component<Props> {
         searchFilters={[
           (replicaSet: ReplicaSet) => replicaSet.getSearchFields(),
         ]}
-        renderHeaderTitle={<Trans>Replica Sets</Trans>}
+        renderHeaderTitle="Replica Sets"
         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>Desired</Trans>, className: "desired", sortBy: sortBy.desired },
-          { title: <Trans>Current</Trans>, className: "current", sortBy: sortBy.current },
-          { title: <Trans>Ready</Trans>, className: "ready", sortBy: sortBy.ready },
-          { title: <Trans>Age</Trans>, className: "age", sortBy: sortBy.age },
+          { title: "Namespace", className: "namespace", sortBy: sortBy.namespace },
+          { title: "Desired", className: "desired", sortBy: sortBy.desired },
+          { title: "Current", className: "current", sortBy: sortBy.current },
+          { title: "Ready", className: "ready", sortBy: sortBy.ready },
+          { title: "Age", className: "age", sortBy: sortBy.age },
         ]}
         renderTableContents={(replicaSet: ReplicaSet) => [
           replicaSet.getName(),
@@ -78,8 +76,8 @@ export function ReplicaSetMenu(props: KubeObjectMenuProps<ReplicaSet>) {
   return (
     <>
       <MenuItem onClick={() => ReplicaSetScaleDialog.open(object)}>
-        <Icon material="open_with" title={_i18n._(t`Scale`)} interactive={toolbar}/>
-        <span className="title"><Trans>Scale</Trans></span>
+        <Icon material="open_with" title={`Scale`} interactive={toolbar}/>
+        <span className="title">Scale</span>
       </MenuItem>
     </>
   );