Enforce some naming conventions (#4813)

src/renderer/components/+custom-resources/crd-details.tsx

@@ -18,11 +18,11 @@ import { KubeObjectMeta } from "../kube-object-meta";
 import { MonacoEditor } from "../monaco-editor";
 import logger from "../../../common/logger";
 
-interface Props extends KubeObjectDetailsProps<CustomResourceDefinition> {
+export interface CRDDetailsProps extends KubeObjectDetailsProps<CustomResourceDefinition> {
 }
 
 @observer
-export class CRDDetails extends React.Component<Props> {
+export class CRDDetails extends React.Component<CRDDetailsProps> {
   render() {
     const { object: crd } = this.props;
 

src/renderer/components/+custom-resources/crd-list.tsx

@@ -32,7 +32,7 @@ enum columnId {
 }
 
 @observer
-export class CrdList extends React.Component {
+export class CustomResourceDefinitions extends React.Component {
   constructor(props: {}) {
     super(props);
     makeObservable(this);

src/renderer/components/+custom-resources/crd-resource-details.tsx

@@ -19,7 +19,7 @@ import { parseJsonPath } from "../../utils/jsonPath";
 import { KubeObject, KubeObjectMetadata, KubeObjectStatus } from "../../../common/k8s-api/kube-object";
 import logger from "../../../common/logger";
 
-interface Props extends KubeObjectDetailsProps<KubeObject> {
+export interface CustomResourceDetailsProps extends KubeObjectDetailsProps<KubeObject> {
   crd: CustomResourceDefinition;
 }
 
@@ -44,7 +44,7 @@ function convertSpecValue(value: any): any {
 }
 
 @observer
-export class CrdResourceDetails extends React.Component<Props> {
+export class CustomResourceDetails extends React.Component<CustomResourceDetailsProps> {
   renderAdditionalColumns(resource: KubeObject, columns: AdditionalPrinterColumnsV1[]) {
     return columns.map(({ name, jsonPath: jp }) => (
       <DrawerItem key={name} name={name} renderBoolean>

src/renderer/components/+custom-resources/crd-resources.tsx

@@ -18,7 +18,7 @@ import { apiManager } from "../../../common/k8s-api/api-manager";
 import { parseJsonPath } from "../../utils/jsonPath";
 import type { CRDRouteParams } from "../../../common/routes";
 
-interface Props extends RouteComponentProps<CRDRouteParams> {
+export interface CustomResourceDefinitionResourcesProps extends RouteComponentProps<CRDRouteParams> {
 }
 
 enum columnId {
@@ -28,8 +28,8 @@ enum columnId {
 }
 
 @observer
-export class CrdResources extends React.Component<Props> {
-  constructor(props: Props) {
+export class CustomResourceDefinitionResources extends React.Component<CustomResourceDefinitionResourcesProps> {
+  constructor(props: CustomResourceDefinitionResourcesProps) {
     super(props);
     makeObservable(this);
   }

src/renderer/components/+custom-resources/route.tsx

@@ -7,13 +7,14 @@ import React from "react";
 import { Redirect, Route, Switch } from "react-router";
 import { TabLayout } from "../layout/tab-layout";
 import { crdDefinitionsRoute, crdResourcesRoute, crdURL } from "../../../common/routes";
-import { CrdList, CrdResources } from ".";
+import { CustomResourceDefinitions } from "./crd-list";
+import { CustomResourceDefinitionResources } from "./crd-resources";
 
 export const CustomResourcesRoute = () => (
   <TabLayout>
     <Switch>
-      <Route component={CrdList} {...crdDefinitionsRoute} exact/>
-      <Route component={CrdResources} {...crdResourcesRoute}/>
+      <Route component={CustomResourceDefinitions} {...crdDefinitionsRoute} exact/>
+      <Route component={CustomResourceDefinitionResources} {...crdResourcesRoute}/>
       <Redirect to={crdURL()}/>
     </Switch>
   </TabLayout>