From ba8bdc585a9eb7e5fb2a361aaf5d81ae6a9cd743 Mon Sep 17 00:00:00 2001
From: Gard Rimestad <gardleopard@gmail.com>
Date: Fri, 30 Sep 2022 15:53:02 +0200
Subject: [PATCH] fix: url encode application name in links (#2121)

* fix: url encode application name in links

This ensures that we url encode application names for our links.
---
 frontend/src/component/common/index.jsx                       | 4 +++-
 .../api/actions/useApplicationsApi/useApplicationsApi.ts      | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/component/common/index.jsx b/frontend/src/component/common/index.jsx
index 900a0231de..4b95d29890 100644
--- a/frontend/src/component/common/index.jsx
+++ b/frontend/src/component/common/index.jsx
@@ -38,7 +38,9 @@ export const AppsLinkList = ({ apps }) => (
                     <ListItemText
                         primary={
                             <Link
-                                to={`/applications/${appName}`}
+                                to={`/applications/${encodeURIComponent(
+                                    appName
+                                )}`}
                                 className={[
                                     styles.listLink,
                                     styles.truncate,
diff --git a/frontend/src/hooks/api/actions/useApplicationsApi/useApplicationsApi.ts b/frontend/src/hooks/api/actions/useApplicationsApi/useApplicationsApi.ts
index 6bf8d6e03b..ba254798e4 100644
--- a/frontend/src/hooks/api/actions/useApplicationsApi/useApplicationsApi.ts
+++ b/frontend/src/hooks/api/actions/useApplicationsApi/useApplicationsApi.ts
@@ -28,7 +28,7 @@ const useApplicationsApi = () => {
     };
 
     const deleteApplication = async (appName: string) => {
-        const path = `${URI}/${appName}`;
+        const path = `${URI}/${encodeURIComponent(appName)}`;
         const req = createRequest(path, { method: 'DELETE' });
 
         try {