From 5cb05d933fc349c4a89bdd45c1ff1eab84aff058 Mon Sep 17 00:00:00 2001
From: ACoolName <acoolname@acooldomain.co>
Date: Sun, 2 Jun 2024 17:08:42 +0300
Subject: [PATCH] test

---
 src/common.tsx   | 11 +++++++++++
 src/terminal.tsx |  2 +-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/common.tsx b/src/common.tsx
index a3f6772..5a94c2d 100644
--- a/src/common.tsx
+++ b/src/common.tsx
@@ -17,6 +17,7 @@ import MenuItem from '@mui/material/MenuItem';
 import MenuList from '@mui/material/MenuList';
 import { Permission } from "./actions";
 import TerminalComponent from "./terminal";
+import ReactDOM from "react-dom/client";
 
 export const apiAuthenticatedContext: Context<[boolean, Dispatch<boolean>]> = createContext([false, (value: boolean) => {}] as [boolean, Dispatch<boolean>])
 
@@ -264,6 +265,16 @@ export function ActionItem(p: { action: ActionInfo, identifierSubstring?: string
         setFormData(args.formData)
     }
 
+    function createTerminal(websocket: string){
+        const window = open('', '', 'width=800 height=600')!
+        window.document.write('<div id="root" width="100%" height="100%"/>')
+        
+        const root = ReactDOM.createRoot(
+            window.document.getElementById('root') as HTMLElement
+          );
+        root.render(<Box><TerminalComponent websocket={websocket}/></Box>)
+    }
+
     return (<>
         <Button variant={p.variant} disabled={!isUserAllowed(user, p.action)} onClick={() => { if (p.onClick) { p.onClick() } p.action.response_action == 'Terminal'?setTerminal(`ws${API_URL.slice("http".length)}${url}`):setForm(true) }} sx={p.sx}>{p.action.name}</Button >
         <Modal
diff --git a/src/terminal.tsx b/src/terminal.tsx
index bebaad4..8821676 100644
--- a/src/terminal.tsx
+++ b/src/terminal.tsx
@@ -78,7 +78,7 @@ function TerminalComponent (p: {websocket: string|null}) {
 
     useTerminalResize(terminalRef, fitAddon.current!)
 
-    return <NewWindow><div ref={terminalRef} style={{ width: '100%', height: '100%' }}></div></NewWindow>
+    return <div ref={terminalRef} style={{ width: '100%', height: '100%' }}></div>
 };
 
 export default TerminalComponent;