fix i18n

Signed-off-by: Sebastian Malton <sebastian@malton.name>

src/renderer/components/+cluster-settings/components/cluster-accessible-namespaces.tsx

@@ -5,6 +5,7 @@ import { SubTitle } from "../../layout/sub-title";
 import { EditableList } from "../../editable-list";
 import { observable } from "mobx";
 import { _i18n } from "../../../i18n";
+import { Trans } from "@lingui/macro";
 
 interface Props {
   cluster: Cluster;
@@ -18,7 +19,7 @@ export class ClusterAccessibleNamespaces extends React.Component<Props> {
     return (
       <>
         <SubTitle title="Accessible Namespaces" />
-        <p>This setting is useful for manually specifying which namespaces you have access to. This is useful when you don't have permissions to list namespaces.</p>
+        <p><Trans>This setting is useful for manually specifying which namespaces you have access to. This is useful when you don't have permissions to list namespaces.</Trans></p>
         <EditableList
           placeholder={_i18n._("Add new namespace...")}
           add={(newNamespace) => {

src/renderer/components/editable-list/editable-list.tsx

@@ -6,6 +6,7 @@ import { Input } from "../input";
 import { observable } from "mobx";
 import { observer } from "mobx-react";
 import { autobind } from "../../utils";
+import { _i18n } from "../../i18n";
 
 export interface Props<T> {
   items: T[],
@@ -19,7 +20,7 @@ export interface Props<T> {
 }
 
 const defaultProps: Partial<Props<any>> = {
-  placeholder: "Add new item...",
+  placeholder: _i18n._("Add new item..."),
   renderItem: (item: any, index: number) => <React.Fragment key={index}>{item}</React.Fragment>
 }