Enable connect buttons (#493)

src/modules/peers/PeerConnectButton.tsx

@@ -22,44 +22,35 @@ export const PeerConnectButton = () => {
   if (isMobile) return;
 
   return isConnected ? (
-    // <>
+    <>
-    //   <DropdownMenu modal={false}>
+      <DropdownMenu modal={false}>
-    //     <DropdownMenuTrigger
+        <DropdownMenuTrigger
-    //       asChild={true}
+          asChild={true}
-    //       onClick={(e) => {
+          onClick={(e) => {
-    //         e.stopPropagation();
+            e.stopPropagation();
-    //         e.preventDefault();
+            e.preventDefault();
-    //       }}
+          }}
-    //     >
+        >
-    //       <div className={"group"}>
+          <div className={"group"}>
-    //         <ConnectButton />
+            <ConnectButton />
-    //       </div>
+          </div>
-    //     </DropdownMenuTrigger>
+        </DropdownMenuTrigger>
-    //     <DropdownMenuContent
+        <DropdownMenuContent
-    //       className="w-auto"
+          className="w-auto"
-    //       align="start"
+          align="start"
-    //       side={"bottom"}
+          side={"bottom"}
-    //       sideOffset={8}
+          sideOffset={8}
-    //     >
+        >
-    //       <SSHButton peer={peer} isDropdown={true} />
+          <SSHButton peer={peer} isDropdown={true} />
-    //       <RDPButton peer={peer} isDropdown={true} />
+          <RDPButton peer={peer} isDropdown={true} />
-    //     </DropdownMenuContent>
+        </DropdownMenuContent>
-    //   </DropdownMenu>
+      </DropdownMenu>
-    // </>
+    </>
-      <FullTooltip
-          content={
-              <div className={"max-w-[200px] text-xs"}>
-                  Connecting via SSH or RDP is coming soon.
-              </div>
-          }
-      >
-          <ConnectButton disabled={true} />
-      </FullTooltip>
   ) : (
     <FullTooltip
       content={
         <div className={"max-w-[200px] text-xs"}>
-          Connecting via SSH or RDP is coming soon.
+            Connecting via SSH or RDP is only available when the peer is online.
         </div>
       }
     >

src/modules/remote-access/rdp/RDPButton.tsx

@@ -37,8 +37,7 @@ export const RDPButton = ({ peer, isDropdown = false }: Props) => {
       <>
         <div>
           <RDPTooltip
-            //disabled={!disabled}
+            disabled={!disabled}
-            disabled={true}
             hasPermission={hasPermission}
             side={isDropdown ? "left" : "top"}
           >

src/modules/remote-access/ssh/SSHButton.tsx

@@ -41,8 +41,7 @@ export const SSHButton = ({ peer, isDropdown = false }: Props) => {
         )}
         <div>
           <SSHTooltip
-            //disabled={!disabled}
+            disabled={!disabled}
-            disabled={true}
             hasPermission={hasPermission}
             side={isDropdown ? "left" : "top"}
           >