From 8991e5daa18d85133f3dff8414258a9d8cd169b4 Mon Sep 17 00:00:00 2001
From: Sebastian Malton <sebastian@malton.name>
Date: Wed, 3 May 2023 11:21:15 -0400
Subject: [PATCH] chore: Fix spelling and type error in port forward route

Signed-off-by: Sebastian Malton <sebastian@malton.name>
---
 .../port-forwards/port-forwards-route.injectable.ts    |  4 ++--
 .../port-forwards-route-parameters.injectable.ts       |  2 +-
 .../components/network-port-forwards/port-forwards.tsx | 10 +++++-----
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/core/src/common/front-end-routing/routes/cluster/network/port-forwards/port-forwards-route.injectable.ts b/packages/core/src/common/front-end-routing/routes/cluster/network/port-forwards/port-forwards-route.injectable.ts
index 0c8cd5ef2d..7788e78559 100644
--- a/packages/core/src/common/front-end-routing/routes/cluster/network/port-forwards/port-forwards-route.injectable.ts
+++ b/packages/core/src/common/front-end-routing/routes/cluster/network/port-forwards/port-forwards-route.injectable.ts
@@ -8,14 +8,14 @@ import type { Route } from "../../../../front-end-route-injection-token";
 import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
 
 export interface PortForwardsPathParameters {
-  forwardport?: string;
+  forwardPort?: string;
 }
 
 const portForwardsRouteInjectable = getInjectable({
   id: "port-forwards-route",
 
   instantiate: (): Route<PortForwardsPathParameters> => ({
-    path: "/port-forwards/:forwardport?",
+    path: "/port-forwards/:forwardPort?",
     clusterFrame: true,
     isEnabled: computed(() => true),
   }),
diff --git a/packages/core/src/renderer/components/network-port-forwards/port-forwards-route-parameters.injectable.ts b/packages/core/src/renderer/components/network-port-forwards/port-forwards-route-parameters.injectable.ts
index 7b56a14ab3..65da9fca11 100644
--- a/packages/core/src/renderer/components/network-port-forwards/port-forwards-route-parameters.injectable.ts
+++ b/packages/core/src/renderer/components/network-port-forwards/port-forwards-route-parameters.injectable.ts
@@ -15,7 +15,7 @@ const portForwardsRouteParametersInjectable = getInjectable({
     const pathParameters = di.inject(routePathParametersInjectable, route);
 
     return {
-      forwardport: computed(() => pathParameters.get().forwardport),
+      forwardPort: computed(() => pathParameters.get().forwardPort),
     };
   },
 });
diff --git a/packages/core/src/renderer/components/network-port-forwards/port-forwards.tsx b/packages/core/src/renderer/components/network-port-forwards/port-forwards.tsx
index 1a3151eddb..df1aaaa79f 100644
--- a/packages/core/src/renderer/components/network-port-forwards/port-forwards.tsx
+++ b/packages/core/src/renderer/components/network-port-forwards/port-forwards.tsx
@@ -33,7 +33,7 @@ enum columnId {
 
 interface Dependencies {
   portForwardStore: PortForwardStore;
-  forwardport: IComputedValue<string>;
+  forwardPort: IComputedValue<string>;
   navigateToPortForwards: NavigateToPortForwards;
 }
 
@@ -54,13 +54,13 @@ class NonInjectedPortForwards extends React.Component<Dependencies> {
 
   @computed
   get selectedPortForward() {
-    const forwardport = this.props.forwardport.get();
+    const forwardPort = this.props.forwardPort.get();
 
-    if (!forwardport) {
+    if (!forwardPort) {
       return undefined;
     }
 
-    return this.props.portForwardStore.getById(forwardport);
+    return this.props.portForwardStore.getById(forwardPort);
   }
 
   onDetails = (item: PortForwardItem) => {
@@ -73,7 +73,7 @@ class NonInjectedPortForwards extends React.Component<Dependencies> {
 
   showDetails = (item: PortForwardItem) => {
     this.props.navigateToPortForwards({
-      forwardport: item.getId(),
+      forwardPort: item.getId(),
     });
   };