From d48ff2921b2f37a9d6e918a44ca02464a2c23505 Mon Sep 17 00:00:00 2001
From: Marcelo Rydel <marcelorydel26@gmail.com>
Date: Thu, 10 Feb 2022 14:23:09 -0300
Subject: [PATCH] fix(edge): show KVM connect button, remove automatic
 useEffect [EE-2520] (#6540)

---
 .../views/endpoints/kvm/KVMControl.css        |  4 ---
 .../views/endpoints/kvm/KVMControl.tsx        | 29 +++++--------------
 2 files changed, 8 insertions(+), 25 deletions(-)

diff --git a/app/portainer/views/endpoints/kvm/KVMControl.css b/app/portainer/views/endpoints/kvm/KVMControl.css
index cf7088974..a07d364bc 100644
--- a/app/portainer/views/endpoints/kvm/KVMControl.css
+++ b/app/portainer/views/endpoints/kvm/KVMControl.css
@@ -1,7 +1,3 @@
-.canvas-container .header {
-  display: none;
-}
-
 .canvas-container {
   display: contents;
 }
diff --git a/app/portainer/views/endpoints/kvm/KVMControl.tsx b/app/portainer/views/endpoints/kvm/KVMControl.tsx
index 1a66764c4..c04e31bf7 100644
--- a/app/portainer/views/endpoints/kvm/KVMControl.tsx
+++ b/app/portainer/views/endpoints/kvm/KVMControl.tsx
@@ -1,4 +1,3 @@
-import { useEffect, createRef } from 'react';
 import { KVM } from '@open-amt-cloud-toolkit/ui-toolkit-react/reactjs/src/kvm.bundle';
 
 import { react2angular } from '@/react-tools/react2angular';
@@ -12,29 +11,17 @@ export interface KVMControlProps {
 }
 
 export function KVMControl({ deviceId, server, token }: KVMControlProps) {
-  const divRef = createRef<HTMLInputElement>();
-  useEffect(() => {
-    if (divRef.current) {
-      const connectButton = divRef.current.querySelector('button');
-      if (connectButton) {
-        connectButton.click();
-      }
-    }
-  });
-
   if (!deviceId || !server || !token) return <div>Loading...</div>;
 
   return (
-    <div ref={divRef}>
-      <KVM
-        deviceId={deviceId}
-        mpsServer={`https://${server}/mps/ws/relay`}
-        authToken={token}
-        mouseDebounceTime="200"
-        canvasHeight="100%"
-        canvasWidth="100%"
-      />
-    </div>
+    <KVM
+      deviceId={deviceId}
+      mpsServer={`https://${server}/mps/ws/relay`}
+      authToken={token}
+      mouseDebounceTime="200"
+      canvasHeight="100%"
+      canvasWidth="100%"
+    />
   );
 }