From cdff336157058c1866e0f7de017cf0060fae2fd6 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