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/+config-autoscalers/hpa-details.tsx

@@ -9,7 +9,6 @@ import { KubeObjectDetailsProps, getDetailsUrl } from "../kube-object";
 import { cssNames } from "../../utils";
 import { HorizontalPodAutoscaler, HpaMetricType, IHpaMetric } from "../../api/endpoints/hpa.api";
 import { KubeEventDetails } from "../+events/kube-event-details";
-import { Trans } from "@lingui/macro";
 import { Table, TableCell, TableHead, TableRow } from "../table";
 import { lookupApiLink } from "../../api/kube-api";
 import { KubeObjectMeta } from "../kube-object/kube-object-meta";
@@ -26,12 +25,12 @@ export class HpaDetails extends React.Component<Props> {
     const renderName = (metric: IHpaMetric) => {
       switch (metric.type) {
         case HpaMetricType.Resource:
-          const addition = metric.resource.targetAverageUtilization ? <Trans>(as a percentage of request)</Trans> : "";
+          const addition = metric.resource.targetAverageUtilization ? <>(as a percentage of request)</> : "";
 
-          return <Trans>Resource {metric.resource.name} on Pods {addition}</Trans>;
+          return <>Resource {metric.resource.name} on Pods {addition}</>;
 
         case HpaMetricType.Pods:
-          return <Trans>{metric.pods.metricName} on Pods</Trans>;
+          return <>{metric.pods.metricName} on Pods</>;
 
         case HpaMetricType.Object:
           const { target } = metric.object;
@@ -39,17 +38,17 @@ export class HpaDetails extends React.Component<Props> {
           const objectUrl = getDetailsUrl(lookupApiLink(target, hpa));
 
           return (
-            <Trans>
+            <>
               {metric.object.metricName} on{" "}
               <Link to={objectUrl}>{kind}/{name}</Link>
-            </Trans>
+            </>
           );
         case HpaMetricType.External:
           return (
-            <Trans>
+            <>
               {metric.external.metricName} on{" "}
               {JSON.stringify(metric.external.selector)}
-            </Trans>
+            </>
           );
       }
     };
@@ -57,8 +56,8 @@ export class HpaDetails extends React.Component<Props> {
     return (
       <Table>
         <TableHead>
-          <TableCell className="name"><Trans>Name</Trans></TableCell>
-          <TableCell className="metrics"><Trans>Current / Target</Trans></TableCell>
+          <TableCell className="name">Name</TableCell>
+          <TableCell className="metrics">Current / Target</TableCell>
         </TableHead>
         {
           hpa.getMetrics().map((metric, index) => {
@@ -87,7 +86,7 @@ export class HpaDetails extends React.Component<Props> {
       <div className="HpaDetails">
         <KubeObjectMeta object={hpa}/>
 
-        <DrawerItem name={<Trans>Reference</Trans>}>
+        <DrawerItem name="Reference">
           {scaleTargetRef && (
             <Link to={getDetailsUrl(lookupApiLink(scaleTargetRef, hpa))}>
               {scaleTargetRef.kind}/{scaleTargetRef.name}
@@ -95,19 +94,19 @@ export class HpaDetails extends React.Component<Props> {
           )}
         </DrawerItem>
 
-        <DrawerItem name={<Trans>Min Pods</Trans>}>
+        <DrawerItem name="Min Pods">
           {hpa.getMinPods()}
         </DrawerItem>
 
-        <DrawerItem name={<Trans>Max Pods</Trans>}>
+        <DrawerItem name="Max Pods">
           {hpa.getMaxPods()}
         </DrawerItem>
 
-        <DrawerItem name={<Trans>Replicas</Trans>}>
+        <DrawerItem name="Replicas">
           {hpa.getReplicas()}
         </DrawerItem>
 
-        <DrawerItem name={<Trans>Status</Trans>} labelsOnly>
+        <DrawerItem name="Status" labelsOnly>
           {hpa.getConditions().map(({ type, tooltip, isReady }) => {
             if (!isReady) return null;
 

src/renderer/components/+config-autoscalers/hpa.tsx

@@ -3,7 +3,6 @@ import "./hpa.scss";
 import React from "react";
 import { observer } from "mobx-react";
 import { RouteComponentProps } from "react-router";
-import { Trans } from "@lingui/macro";
 import { KubeObjectListLayout } from "../kube-object";
 import { IHpaRouteParams } from "./hpa.route";
 import { HorizontalPodAutoscaler } from "../../api/endpoints/hpa.api";
@@ -29,7 +28,7 @@ export class HorizontalPodAutoscalers extends React.Component<Props> {
   getTargets(hpa: HorizontalPodAutoscaler) {
     const metrics = hpa.getMetrics();
     const metricsRemainCount = metrics.length - 1;
-    const metricsRemain = metrics.length > 1 ? <Trans>{metricsRemainCount} more...</Trans> : null;
+    const metricsRemain = metrics.length > 1 ? <>{metricsRemainCount} more...</> : null;
     const metricValues = hpa.getMetricValues(metrics[0]);
 
     return <p>{metricValues} {metricsRemain && "+"}{metricsRemain}</p>;
@@ -49,17 +48,17 @@ export class HorizontalPodAutoscalers extends React.Component<Props> {
         searchFilters={[
           (item: HorizontalPodAutoscaler) => item.getSearchFields()
         ]}
-        renderHeaderTitle={<Trans>Horizontal Pod Autoscalers</Trans>}
+        renderHeaderTitle="Horizontal Pod Autoscalers"
         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>Metrics</Trans>, className: "metrics" },
-          { title: <Trans>Min Pods</Trans>, className: "min-pods", sortBy: sortBy.minPods },
-          { title: <Trans>Max Pods</Trans>, className: "max-pods", sortBy: sortBy.maxPods },
-          { title: <Trans>Replicas</Trans>, className: "replicas", sortBy: sortBy.replicas },
-          { title: <Trans>Age</Trans>, className: "age", sortBy: sortBy.age },
-          { title: <Trans>Status</Trans>, className: "status" },
+          { title: "Namespace", className: "namespace", sortBy: sortBy.namespace },
+          { title: "Metrics", className: "metrics" },
+          { title: "Min Pods", className: "min-pods", sortBy: sortBy.minPods },
+          { title: "Max Pods", className: "max-pods", sortBy: sortBy.maxPods },
+          { title: "Replicas", className: "replicas", sortBy: sortBy.replicas },
+          { title: "Age", className: "age", sortBy: sortBy.age },
+          { title: "Status", className: "status" },
         ]}
         renderTableContents={(hpa: HorizontalPodAutoscaler) => [
           hpa.getName(),