From 64c41b8c6d24adfa23b94cdf356a2e90e2603772 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gast=C3=B3n=20Fournier?= <gaston@getunleash.io>
Date: Wed, 22 Mar 2023 10:40:22 +0100
Subject: [PATCH] fix: properly escaping app names (#3368)

## About the changes
Network overview was not escaping square brackets from app names and
that caused mermaid graph to break. We've also identified problems with
quotes and some characters not showing properly when using utf-8 (but
still no solution for this). We're going to be testing the utf-8 issue
in our sandbox instances.
---
 .../admin/network/NetworkOverview/NetworkOverview.tsx        | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/src/component/admin/network/NetworkOverview/NetworkOverview.tsx b/frontend/src/component/admin/network/NetworkOverview/NetworkOverview.tsx
index a1e9fba5c7..ce7a6ea9f4 100644
--- a/frontend/src/component/admin/network/NetworkOverview/NetworkOverview.tsx
+++ b/frontend/src/component/admin/network/NetworkOverview/NetworkOverview.tsx
@@ -94,7 +94,10 @@ export const NetworkOverview = () => {
             ${apps
                 .map(
                     ({ label, reqs, type }, i) =>
-                        `app-${i}(${label}) -- ${reqs} req/s<br>${type} --> Unleash`
+                        `app-${i}("${label.replaceAll(
+                            '"',
+                            '&quot;'
+                        )}") -- ${reqs} req/s<br>${type} --> Unleash`
                 )
                 .join('\n')}
         end