Enforce some naming conventions (#4813)

src/renderer/components/+nodes/details-resources.tsx

@@ -12,12 +12,12 @@ import React from "react";
 import type { Node } from "../../../common/k8s-api/endpoints";
 import { TableCell } from "../table/table-cell";
 
-interface Props {
+export interface NodeDetailsResourcesProps {
   node: Node;
   type: "allocatable" | "capacity";
 }
 
-export class NodeDetailsResources extends React.Component<Props> {
+export class NodeDetailsResources extends React.Component<NodeDetailsResourcesProps> {
   toMi(resource: string) {
     if (resource?.endsWith("Ki")) {
       return `${(parseInt(resource) / 1024).toFixed(1)}Mi`;

src/renderer/components/+nodes/details.tsx

@@ -31,7 +31,7 @@ import { withInjectables } from "@ogre-tools/injectable-react";
 import kubeWatchApiInjectable
   from "../../kube-watch-api/kube-watch-api.injectable";
 
-interface Props extends KubeObjectDetailsProps<Node> {
+export interface NodeDetailsProps extends KubeObjectDetailsProps<Node> {
 }
 
 interface Dependencies {
@@ -39,10 +39,10 @@ interface Dependencies {
 }
 
 @observer
-class NonInjectedNodeDetails extends React.Component<Props & Dependencies> {
+class NonInjectedNodeDetails extends React.Component<NodeDetailsProps & Dependencies> {
   @observable metrics: Partial<IClusterMetrics>;
 
-  constructor(props: Props & Dependencies) {
+  constructor(props: NodeDetailsProps & Dependencies) {
     super(props);
     makeObservable(this);
   }
@@ -184,7 +184,7 @@ class NonInjectedNodeDetails extends React.Component<Props & Dependencies> {
   }
 }
 
-export const NodeDetails = withInjectables<Dependencies, Props>(
+export const NodeDetails = withInjectables<Dependencies, NodeDetailsProps>(
   NonInjectedNodeDetails,
 
   {

src/renderer/components/+nodes/route.tsx

@@ -37,7 +37,7 @@ enum columnId {
   status = "status",
 }
 
-interface Props extends RouteComponentProps<NodesRouteParams> {
+export interface NodesRouteProps extends RouteComponentProps<NodesRouteParams> {
 }
 
 type MetricsTooltipFormatter = (metrics: [number, number]) => string;
@@ -50,11 +50,11 @@ interface UsageArgs {
 }
 
 @observer
-export class NodesRoute extends React.Component<Props> {
+export class NodesRoute extends React.Component<NodesRouteProps> {
   @observable.ref metrics: Partial<INodeMetrics> = {};
   private metricsWatcher = interval(30, async () => this.metrics = await getMetricsForAllNodes());
 
-  constructor(props: Props) {
+  constructor(props: NodesRouteProps) {
     super(props);
     makeObservable(this);
   }