Enforce some naming conventions (#4813)

src/renderer/components/+workloads-pods/pod-container-env.tsx

@@ -16,12 +16,12 @@ import { Icon } from "../icon";
 import { base64, cssNames, iter } from "../../utils";
 import _ from "lodash";
 
-interface Props {
+export interface ContainerEnvironmentProps {
   container: IPodContainer;
   namespace: string;
 }
 
-export const ContainerEnvironment = observer((props: Props) => {
+export const ContainerEnvironment = observer((props: ContainerEnvironmentProps) => {
   const { container: { env, envFrom }, namespace } = props;
 
   useEffect( () => autorun(() => {
@@ -149,7 +149,7 @@ export const ContainerEnvironment = observer((props: Props) => {
   );
 });
 
-interface SecretKeyProps {
+export interface SecretKeyProps {
   reference: {
     name: string;
     key: string;

src/renderer/components/+workloads-pods/pod-container-port.tsx

@@ -27,7 +27,7 @@ import portForwardStoreInjectable from "../../port-forward/port-forward-store/po
 import portForwardDialogModelInjectable from "../../port-forward/port-forward-dialog-model/port-forward-dialog-model.injectable";
 import logger from "../../../common/logger";
 
-interface Props {
+export interface PodContainerPortProps {
   pod: Pod;
   port: {
     name?: string;
@@ -42,13 +42,13 @@ interface Dependencies {
 }
 
 @observer
-class NonInjectedPodContainerPort extends React.Component<Props & Dependencies> {
+class NonInjectedPodContainerPort extends React.Component<PodContainerPortProps & Dependencies> {
   @observable waiting = false;
   @observable forwardPort = 0;
   @observable isPortForwarded = false;
   @observable isActive = false;
 
-  constructor(props: Props & Dependencies) {
+  constructor(props: PodContainerPortProps & Dependencies) {
     super(props);
     makeObservable(this);
     this.checkExistingPortForwarding();
@@ -192,7 +192,7 @@ class NonInjectedPodContainerPort extends React.Component<Props & Dependencies>
   }
 }
 
-export const PodContainerPort = withInjectables<Dependencies, Props>(
+export const PodContainerPort = withInjectables<Dependencies, PodContainerPortProps>(
   NonInjectedPodContainerPort,
 
   {

src/renderer/components/+workloads-pods/pod-details-affinities.tsx

@@ -9,11 +9,11 @@ import { DrawerItem, DrawerParamToggler } from "../drawer";
 import type { DaemonSet, Deployment, Job, Pod, ReplicaSet, StatefulSet } from "../../../common/k8s-api/endpoints";
 import { MonacoEditor } from "../monaco-editor";
 
-interface Props {
+export interface PodDetailsAffinitiesProps {
   workload: Pod | Deployment | DaemonSet | StatefulSet | ReplicaSet | Job;
 }
 
-export class PodDetailsAffinities extends React.Component<Props> {
+export class PodDetailsAffinities extends React.Component<PodDetailsAffinitiesProps> {
   render() {
     const { workload } = this.props;
     const affinitiesNum = workload.getAffinityNumber();

src/renderer/components/+workloads-pods/pod-details-container.tsx

@@ -24,7 +24,7 @@ import { disposeOnUnmount, observer } from "mobx-react";
 import { withInjectables } from "@ogre-tools/injectable-react";
 import portForwardStoreInjectable from "../../port-forward/port-forward-store/port-forward-store.injectable";
 
-interface Props {
+export interface PodDetailsContainerProps {
   pod: Pod;
   container: IPodContainer;
   metrics?: { [key: string]: IMetrics };
@@ -35,7 +35,7 @@ interface Dependencies {
 }
 
 @observer
-class NonInjectedPodDetailsContainer extends React.Component<Props & Dependencies> {
+class NonInjectedPodDetailsContainer extends React.Component<PodDetailsContainerProps & Dependencies> {
 
   componentDidMount() {
     disposeOnUnmount(this, [
@@ -191,7 +191,7 @@ class NonInjectedPodDetailsContainer extends React.Component<Props & Dependencie
   }
 }
 
-export const PodDetailsContainer = withInjectables<Dependencies, Props>(
+export const PodDetailsContainer = withInjectables<Dependencies, PodDetailsContainerProps>(
   NonInjectedPodDetailsContainer,
 
   {

src/renderer/components/+workloads-pods/pod-details-list.tsx

@@ -27,18 +27,15 @@ enum sortBy {
   memory = "memory",
 }
 
-interface Props extends OptionalProps {
+export interface PodDetailsListProps {
   pods: Pod[];
   owner: KubeObject;
-}
-
-interface OptionalProps {
   maxCpu?: number;
   maxMemory?: number;
 }
 
 @observer
-export class PodDetailsList extends React.Component<Props> {
+export class PodDetailsList extends React.Component<PodDetailsListProps> {
   private metricsWatcher = interval(120, () => {
     podsStore.loadKubeMetrics(this.props.owner.getNs());
   });

src/renderer/components/+workloads-pods/pod-details-secrets.tsx

@@ -12,12 +12,12 @@ import { disposeOnUnmount, observer } from "mobx-react";
 import { Pod, Secret, secretsApi } from "../../../common/k8s-api/endpoints";
 import { getDetailsUrl } from "../kube-detail-params";
 
-interface Props {
+export interface PodDetailsSecretsProps {
   pod: Pod;
 }
 
 @observer
-export class PodDetailsSecrets extends Component<Props> {
+export class PodDetailsSecrets extends Component<PodDetailsSecretsProps> {
   @observable secrets: Map<string, Secret> = observable.map<string, Secret>();
 
   componentDidMount(): void {
@@ -37,7 +37,7 @@ export class PodDetailsSecrets extends Component<Props> {
     ]);
   }
 
-  constructor(props: Props) {
+  constructor(props: PodDetailsSecretsProps) {
     super(props);
     makeObservable(this);
   }

src/renderer/components/+workloads-pods/pod-details-statuses.tsx

@@ -9,11 +9,11 @@ import countBy from "lodash/countBy";
 import kebabCase from "lodash/kebabCase";
 import type { Pod } from "../../../common/k8s-api/endpoints";
 
-interface Props {
+export interface PodDetailsStatusesProps {
   pods: Pod[];
 }
 
-export class PodDetailsStatuses extends React.Component<Props> {
+export class PodDetailsStatuses extends React.Component<PodDetailsStatusesProps> {
   render() {
     const { pods } = this.props;
 

src/renderer/components/+workloads-pods/pod-details-tolerations.tsx

@@ -9,11 +9,11 @@ import { DrawerParamToggler, DrawerItem } from "../drawer";
 import type  { WorkloadKubeObject } from "../../../common/k8s-api/workload-kube-object";
 import { PodTolerations } from "./pod-tolerations";
 
-interface Props {
+export interface PodDetailsTolerationsProps {
   workload: WorkloadKubeObject;
 }
 
-export class PodDetailsTolerations extends React.Component<Props> {
+export class PodDetailsTolerations extends React.Component<PodDetailsTolerationsProps> {
   render() {
     const { workload } = this.props;
     const tolerations = workload.getTolerations();

src/renderer/components/+workloads-pods/pod-details.tsx

@@ -29,15 +29,15 @@ import { ClusterMetricsResourceType } from "../../../common/cluster-types";
 import { getDetailsUrl } from "../kube-detail-params";
 import logger from "../../../common/logger";
 
-interface Props extends KubeObjectDetailsProps<Pod> {
+export interface PodDetailsProps extends KubeObjectDetailsProps<Pod> {
 }
 
 @observer
-export class PodDetails extends React.Component<Props> {
+export class PodDetails extends React.Component<PodDetailsProps> {
   @observable metrics: IPodMetrics;
   @observable containerMetrics: IPodMetrics;
 
-  constructor(props: Props) {
+  constructor(props: PodDetailsProps) {
     super(props);
     makeObservable(this);
   }

src/renderer/components/+workloads-pods/pod-tolerations.tsx

@@ -10,7 +10,7 @@ import uniqueId from "lodash/uniqueId";
 import type { IToleration } from "../../../common/k8s-api/workload-kube-object";
 import { Table, TableCell, TableHead, TableRow } from "../table";
 
-interface Props {
+export interface PodTolerationsProps {
   tolerations: IToleration[];
 }
 
@@ -40,7 +40,7 @@ const getTableRow = (toleration: IToleration) => {
   );
 };
 
-export function PodTolerations({ tolerations }: Props) {
+export function PodTolerations({ tolerations }: PodTolerationsProps) {
   return (
     <Table
       tableId="workloads_pod_tolerations"

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

@@ -36,11 +36,11 @@ enum columnId {
   status = "status",
 }
 
-interface Props extends RouteComponentProps<PodsRouteParams> {
+export interface PodsProps extends RouteComponentProps<PodsRouteParams> {
 }
 
 @observer
-export class Pods extends React.Component<Props> {
+export class Pods extends React.Component<PodsProps> {
   renderContainersStatus(pod: Pod) {
     return pod.getContainerStatuses().map(containerStatus => {
       const { name, state, ready } = containerStatus;