Enforce some naming conventions (#4813)

src/renderer/components/+network-services/service-details-endpoint.tsx

@@ -12,12 +12,12 @@ import { endpointStore } from "../+network-endpoints/endpoints.store";
 import { Spinner } from "../spinner";
 import { showDetails } from "../kube-detail-params";
 
-interface Props {
+export interface ServiceDetailsEndpointProps {
   endpoint: KubeObject;
 }
 
 @observer
-export class ServiceDetailsEndpoint extends React.Component<Props> {
+export class ServiceDetailsEndpoint extends React.Component<ServiceDetailsEndpointProps> {
   render() {
     const { endpoint } = this.props;
 

src/renderer/components/+network-services/service-details.tsx

@@ -26,7 +26,7 @@ import kubeWatchApiInjectable
 import portForwardStoreInjectable from "../../port-forward/port-forward-store/port-forward-store.injectable";
 import type { KubeWatchSubscribeStoreOptions } from "../../kube-watch-api/kube-watch-api";
 
-interface Props extends KubeObjectDetailsProps<Service> {
+export interface ServiceDetailsProps extends KubeObjectDetailsProps<Service> {
 }
 
 interface Dependencies {
@@ -35,7 +35,7 @@ interface Dependencies {
 }
 
 @observer
-class NonInjectedServiceDetails extends React.Component<Props & Dependencies> {
+class NonInjectedServiceDetails extends React.Component<ServiceDetailsProps & Dependencies> {
   componentDidMount() {
     const { object: service } = this.props;
 
@@ -137,7 +137,7 @@ class NonInjectedServiceDetails extends React.Component<Props & Dependencies> {
   }
 }
 
-export const ServiceDetails = withInjectables<Dependencies, Props>(
+export const ServiceDetails = withInjectables<Dependencies, ServiceDetailsProps>(
   NonInjectedServiceDetails,
 
   {

src/renderer/components/+network-services/service-port-component.tsx

@@ -25,7 +25,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 ServicePortComponentProps {
   service: Service;
   port: ServicePort;
 }
@@ -36,13 +36,13 @@ interface Dependencies {
 }
 
 @observer
-class NonInjectedServicePortComponent extends React.Component<Props & Dependencies> {
+class NonInjectedServicePortComponent extends React.Component<ServicePortComponentProps & Dependencies> {
   @observable waiting = false;
   @observable forwardPort = 0;
   @observable isPortForwarded = false;
   @observable isActive = false;
 
-  constructor(props: Props & Dependencies) {
+  constructor(props: ServicePortComponentProps & Dependencies) {
     super(props);
     makeObservable(this);
     this.checkExistingPortForwarding();
@@ -186,7 +186,7 @@ class NonInjectedServicePortComponent extends React.Component<Props & Dependenci
   }
 }
 
-export const ServicePortComponent = withInjectables<Dependencies, Props>(
+export const ServicePortComponent = withInjectables<Dependencies, ServicePortComponentProps>(
   NonInjectedServicePortComponent,
 
   {

src/renderer/components/+network-services/services.tsx

@@ -26,11 +26,11 @@ enum columnId {
   status = "status",
 }
 
-interface Props extends RouteComponentProps<ServicesRouteParams> {
+export interface ServicesProps extends RouteComponentProps<ServicesRouteParams> {
 }
 
 @observer
-export class Services extends React.Component<Props> {
+export class Services extends React.Component<ServicesProps> {
   render() {
     return (
       <KubeObjectListLayout