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/+apps-releases/release-details.tsx

@@ -5,7 +5,6 @@ import groupBy from "lodash/groupBy";
 import isEqual from "lodash/isEqual";
 import { observable, reaction } from "mobx";
 import { Link } from "react-router-dom";
-import { t, Trans } from "@lingui/macro";
 import kebabCase from "lodash/kebabCase";
 import { HelmRelease, helmReleasesApi, IReleaseDetails } from "../../api/endpoints/helm-releases.api";
 import { HelmReleaseMenu } from "./release-menu";
@@ -20,7 +19,6 @@ import { Button } from "../button";
 import { releaseStore } from "./release.store";
 import { Notifications } from "../notifications";
 import { createUpgradeChartTab } from "../dock/upgrade-chart.store";
-import { _i18n } from "../../i18n";
 import { themeStore } from "../../theme.store";
 import { apiManager } from "../../api/api-manager";
 import { SubTitle } from "../layout/sub-title";
@@ -113,7 +111,7 @@ export class ReleaseDetails extends Component<Props> {
 
     return (
       <div className="values">
-        <DrawerTitle title={_i18n._(t`Values`)}/>
+        <DrawerTitle title={`Values`}/>
         <div className="flex column gaps">
           <AceEditor
             mode="yaml"
@@ -122,7 +120,7 @@ export class ReleaseDetails extends Component<Props> {
           />
           <Button
             primary
-            label={_i18n._(t`Save`)}
+            label={`Save`}
             waiting={saving}
             onClick={this.updateValues}
           />
@@ -197,40 +195,40 @@ export class ReleaseDetails extends Component<Props> {
 
     return (
       <div>
-        <DrawerItem name={<Trans>Chart</Trans>} className="chart">
+        <DrawerItem name="Chart" className="chart">
           <div className="flex gaps align-center">
             <span>{release.getChart()}</span>
             <Button
               primary
-              label={_i18n._(t`Upgrade`)}
+              label={`Upgrade`}
               className="box right upgrade"
               onClick={this.upgradeVersion}
             />
           </div>
         </DrawerItem>
-        <DrawerItem name={<Trans>Updated</Trans>}>
-          {release.getUpdated()} <Trans>ago</Trans> ({release.updated})
+        <DrawerItem name="Updated">
+          {release.getUpdated()} ago ({release.updated})
         </DrawerItem>
-        <DrawerItem name={<Trans>Namespace</Trans>}>
+        <DrawerItem name="Namespace">
           {release.getNs()}
         </DrawerItem>
-        <DrawerItem name={<Trans>Version</Trans>} onClick={stopPropagation}>
+        <DrawerItem name="Version" onClick={stopPropagation}>
           <div className="version flex gaps align-center">
             <span>
               {release.getVersion()}
             </span>
           </div>
         </DrawerItem>
-        <DrawerItem name={<Trans>Status</Trans>} className="status" labelsOnly>
+        <DrawerItem name="Status" className="status" labelsOnly>
           <Badge
             label={release.getStatus()}
             className={cssNames("status", kebabCase(release.getStatus()))}
           />
         </DrawerItem>
         {this.renderValues()}
-        <DrawerTitle title={_i18n._(t`Notes`)}/>
+        <DrawerTitle title={`Notes`}/>
         {this.renderNotes()}
-        <DrawerTitle title={_i18n._(t`Resources`)}/>
+        <DrawerTitle title={`Resources`}/>
         {this.renderResources()}
       </div>
     );
@@ -238,7 +236,7 @@ export class ReleaseDetails extends Component<Props> {
 
   render() {
     const { release, hideDetails } = this.props;
-    const title = release ? <Trans>Release: {release.getName()}</Trans> : "";
+    const title = release ? <>Release: {release.getName()}</> : "";
     const toolbar = <HelmReleaseMenu release={release} toolbar hideDetails={hideDetails}/>;
 
     return (

src/renderer/components/+apps-releases/release-menu.tsx

@@ -1,5 +1,4 @@
 import React from "react";
-import { t, Trans } from "@lingui/macro";
 import { HelmRelease } from "../../api/endpoints/helm-releases.api";
 import { autobind, cssNames } from "../../utils";
 import { releaseStore } from "./release.store";
@@ -8,7 +7,6 @@ import { MenuItem } from "../menu";
 import { Icon } from "../icon";
 import { ReleaseRollbackDialog } from "./release-rollback-dialog";
 import { createUpgradeChartTab } from "../dock/upgrade-chart.store";
-import { _i18n } from "../../i18n";
 
 interface Props extends MenuActionsProps {
   release: HelmRelease;
@@ -44,8 +42,8 @@ export class HelmReleaseMenu extends React.Component<Props> {
       <>
         {hasRollback && (
           <MenuItem onClick={this.rollback}>
-            <Icon material="history" interactive={toolbar} title={_i18n._(t`Rollback`)}/>
-            <span className="title"><Trans>Rollback</Trans></span>
+            <Icon material="history" interactive={toolbar} title={`Rollback`}/>
+            <span className="title">Rollback</span>
           </MenuItem>
         )}
       </>

src/renderer/components/+apps-releases/release-rollback-dialog.tsx

@@ -3,7 +3,6 @@ import "./release-rollback-dialog.scss";
 import React from "react";
 import { observable } from "mobx";
 import { observer } from "mobx-react";
-import { Trans } from "@lingui/macro";
 import { Dialog, DialogProps } from "../dialog";
 import { Wizard, WizardStep } from "../wizard";
 import { HelmRelease, helmReleasesApi, IReleaseRevision } from "../../api/endpoints/helm-releases.api";
@@ -68,12 +67,12 @@ export class ReleaseRollbackDialog extends React.Component<Props> {
     const { revision, revisions } = this;
 
     if (!revision) {
-      return <p><Trans>No revisions to rollback.</Trans></p>;
+      return <p>No revisions to rollback.</p>;
     }
 
     return (
       <div className="flex gaps align-center">
-        <b><Trans>Revision</Trans></b>
+        <b>Revision</b>
         <Select
           themeName="light"
           value={revision}
@@ -88,7 +87,7 @@ export class ReleaseRollbackDialog extends React.Component<Props> {
   render() {
     const { ...dialogProps } = this.props;
     const releaseName = this.release ? this.release.getName() : "";
-    const header = <h5><Trans>Rollback <b>{releaseName}</b></Trans></h5>;
+    const header = <h5>Rollback <b>{releaseName}</b></h5>;
 
     return (
       <Dialog
@@ -101,7 +100,7 @@ export class ReleaseRollbackDialog extends React.Component<Props> {
         <Wizard header={header} done={this.close}>
           <WizardStep
             scrollable={false}
-            nextLabel={<Trans>Rollback</Trans>}
+            nextLabel="Rollback"
             next={this.rollback}
             loading={this.isLoading}
           >

src/renderer/components/+apps-releases/releases.tsx

@@ -3,7 +3,6 @@ import "./releases.scss";
 import React, { Component } from "react";
 import kebabCase from "lodash/kebabCase";
 import { observer } from "mobx-react";
-import { Trans } from "@lingui/macro";
 import { RouteComponentProps } from "react-router";
 import { releaseStore } from "./release.store";
 import { IReleaseRouteParams, releaseURL } from "./release.route";
@@ -70,9 +69,9 @@ export class HelmReleases extends Component<Props> {
 
     return (
       <div>
-        <Trans>Remove <b>{releaseNames}</b>?</Trans>
+        <>Remove <b>{releaseNames}</b>?</>
         <p className="warning">
-          <Trans>Note: StatefulSet Volumes won&apos;t be deleted automatically</Trans>
+          Note: StatefulSet Volumes won&apos;t be deleted automatically
         </p>
       </div>
     );
@@ -100,16 +99,16 @@ export class HelmReleases extends Component<Props> {
             (release: HelmRelease) => release.getStatus(),
             (release: HelmRelease) => release.getVersion(),
           ]}
-          renderHeaderTitle={<Trans>Releases</Trans>}
+          renderHeaderTitle="Releases"
           renderTableHeader={[
-            { title: <Trans>Name</Trans>, className: "name", sortBy: sortBy.name },
-            { title: <Trans>Namespace</Trans>, className: "namespace", sortBy: sortBy.namespace },
-            { title: <Trans>Chart</Trans>, className: "chart", sortBy: sortBy.chart },
-            { title: <Trans>Revision</Trans>, className: "revision", sortBy: sortBy.revision },
-            { title: <Trans>Version</Trans>, className: "version" },
-            { title: <Trans>App Version</Trans>, className: "app-version" },
-            { title: <Trans>Status</Trans>, className: "status", sortBy: sortBy.status },
-            { title: <Trans>Updated</Trans>, className: "updated", sortBy: sortBy.updated },
+            { title: "Name", className: "name", sortBy: sortBy.name },
+            { title: "Namespace", className: "namespace", sortBy: sortBy.namespace },
+            { title: "Chart", className: "chart", sortBy: sortBy.chart },
+            { title: "Revision", className: "revision", sortBy: sortBy.revision },
+            { title: "Version", className: "version" },
+            { title: "App Version", className: "app-version" },
+            { title: "Status", className: "status", sortBy: sortBy.status },
+            { title: "Updated", className: "updated", sortBy: sortBy.updated },
           ]}
           renderTableContents={(release: HelmRelease) => {
             const version = release.getVersion();