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>
This commit is contained in:
Jari Kolehmainen authored and GitHub committed 2020-12-29 14:53:34 +02:00
1 parent 050603a7b3
commit a03da3c572
163 files changed
+1140 -12003

No files matched your search

@@ -2,7 +2,6 @@ import "./event-details.scss";
import React from "react";
import kebabCase from "lodash/kebabCase";
import { Trans } from "@lingui/macro";
import { DrawerItem, DrawerTitle } from "../drawer";
import { Link } from "react-router-dom";
import { observer } from "mobx-react";
@@ -29,35 +28,35 @@ export class EventDetails extends React.Component<Props> {
<div className="EventDetails">
<KubeObjectMeta object={event}/>
<DrawerItem name={<Trans>Message</Trans>}>
<DrawerItem name="Message">
{message}
</DrawerItem>
<DrawerItem name={<Trans>Reason</Trans>}>
<DrawerItem name="Reason">
{reason}
</DrawerItem>
<DrawerItem name={<Trans>Source</Trans>}>
<DrawerItem name="Source">
{event.getSource()}
</DrawerItem>
<DrawerItem name={<Trans>First seen</Trans>}>
{event.getFirstSeenTime()} <Trans>ago</Trans> {event.firstTimestamp}
<DrawerItem name="First seen">
{event.getFirstSeenTime()} ago {event.firstTimestamp}
</DrawerItem>
<DrawerItem name={<Trans>Last seen</Trans>}>
{event.getLastSeenTime()} <Trans>ago</Trans> {event.lastTimestamp}
<DrawerItem name="Last seen">
{event.getLastSeenTime()} ago {event.lastTimestamp}
</DrawerItem>
<DrawerItem name={<Trans>Count</Trans>}>
<DrawerItem name="Count">
{count}
</DrawerItem>
<DrawerItem name={<Trans>Type</Trans>} className="type">
<DrawerItem name="Type" className="type">
<span className={kebabCase(type)}>{type}</span>
</DrawerItem>
<DrawerTitle title={<Trans>Involved object</Trans>}/>
<DrawerTitle title="Involved object"/>
<Table>
<TableHead>
<TableCell><Trans>Name</Trans></TableCell>
<TableCell><Trans>Namespace</Trans></TableCell>
<TableCell><Trans>Kind</Trans></TableCell>
<TableCell><Trans>Field Path</Trans></TableCell>
<TableCell>Name</TableCell>
<TableCell>Namespace</TableCell>
<TableCell>Kind</TableCell>
<TableCell>Field Path</TableCell>
</TableHead>
<TableRow>
<TableCell>
+9 -10
View File
@@ -5,7 +5,6 @@ import { observer } from "mobx-react";
import { TabLayout } from "../layout/tab-layout";
import { eventStore } from "./event.store";
import { KubeObjectListLayout, KubeObjectListLayoutProps, getDetailsUrl } from "../kube-object";
import { Trans } from "@lingui/macro";
import { KubeEvent } from "../../api/endpoints/events.api";
import { Tooltip } from "../tooltip";
import { Link } from "react-router-dom";
@@ -56,7 +55,7 @@ export class Events extends React.Component<Props> {
(event: KubeEvent) => event.getSource(),
(event: KubeEvent) => event.involvedObject.name,
]}
renderHeaderTitle={<Trans>Events</Trans>}
renderHeaderTitle="Events"
customizeHeader={({ title, info }) => (
compact ? title : ({
info: (
@@ -66,20 +65,20 @@ export class Events extends React.Component<Props> {
small
material="help_outline"
className="help-icon"
tooltip={<Trans>Limited to {eventStore.limit}</Trans>}
tooltip="Limited to {eventStore.limit}"
/>
</>
)
})
)}
renderTableHeader={[
{ title: <Trans>Message</Trans>, className: "message" },
{ title: <Trans>Namespace</Trans>, className: "namespace", sortBy: sortBy.namespace },
{ title: <Trans>Type</Trans>, className: "type", sortBy: sortBy.type },
{ title: <Trans>Involved Object</Trans>, className: "object", sortBy: sortBy.object },
{ title: <Trans>Source</Trans>, className: "source" },
{ title: <Trans>Count</Trans>, className: "count", sortBy: sortBy.count },
{ title: <Trans>Age</Trans>, className: "age", sortBy: sortBy.age },
{ title: "Message", className: "message" },
{ title: "Namespace", className: "namespace", sortBy: sortBy.namespace },
{ title: "Type", className: "type", sortBy: sortBy.type },
{ title: "Involved Object", className: "object", sortBy: sortBy.object },
{ title: "Source", className: "source" },
{ title: "Count", className: "count", sortBy: sortBy.count },
{ title: "Age", className: "age", sortBy: sortBy.age },
]}
renderTableContents={(event: KubeEvent) => {
const { involvedObject, type, message } = event;
@@ -2,7 +2,6 @@ import "./kube-event-details.scss";
import React from "react";
import { observer } from "mobx-react";
import { Trans } from "@lingui/macro";
import { KubeObject } from "../../api/kube-object";
import { DrawerItem, DrawerTitle } from "../drawer";
import { cssNames } from "../../utils";
@@ -25,7 +24,7 @@ export class KubeEventDetails extends React.Component<KubeEventDetailsProps> {
if (!events.length) {
return (
<DrawerTitle className="flex gaps align-center">
<span><Trans>Events</Trans></span>
<span>Events</span>
</DrawerTitle>
);
}
@@ -33,7 +32,7 @@ export class KubeEventDetails extends React.Component<KubeEventDetailsProps> {
return (
<div>
<DrawerTitle className="flex gaps align-center">
<span><Trans>Events</Trans></span>
<span>Events</span>
</DrawerTitle>
<div className="KubeEventDetails">
{events.map(evt => {
@@ -44,16 +43,16 @@ export class KubeEventDetails extends React.Component<KubeEventDetailsProps> {
<div className={cssNames("title", { warning: evt.isWarning() })}>
{message}
</div>
<DrawerItem name={<Trans>Source</Trans>}>
<DrawerItem name="Source">
{evt.getSource()}
</DrawerItem>
<DrawerItem name={<Trans>Count</Trans>}>
<DrawerItem name="Count">
{count}
</DrawerItem>
<DrawerItem name={<Trans>Sub-object</Trans>}>
<DrawerItem name="Sub-object">
{involvedObject.fieldPath}
</DrawerItem>
<DrawerItem name={<Trans>Last seen</Trans>}>
<DrawerItem name="Last seen">
{lastTimestamp}
</DrawerItem>
</div>