Fix dappnode#68 Escape \n in Advanced mode output

Author: mgarciate

build/ui/src/components/Advanced/AdvancedTab.tsx

@@ -8,6 +8,7 @@ import {
   CircularProgress,
 } from "@mui/material";
 import { AppService } from "../../services/AppService";
+import { escapeNewLine } from "../../utils/Utils";
 
 interface AdvancedTabProps {}
 
@@ -83,7 +84,7 @@ const AdvancedTab: React.FC<AdvancedTabProps> = (): JSX.Element => {
               wordBreak: "break-all",
             }}
           >
-            {output}
+            {escapeNewLine(output)}
           </pre>
         </Box>
         <form

build/ui/src/utils/Utils.ts

@@ -36,3 +36,5 @@ export function enoughEthBalance(
   const is8EthPool = rplBalance >= minimumRpl8Eth;
   return is8EthPool ? ethBalance >= minimum8Eth : ethBalance >= minimum16Eth;
 }
+
+export const escapeNewLine = (text: string) => text.replace(/(\\n)/g, "\n");