From a11fb4c701e7ed8700c7812559aebb03d5d3846b Mon Sep 17 00:00:00 2001
From: Laurent Luce <laurentluce49@yahoo.com>
Date: Tue, 6 Feb 2024 18:58:12 -0500
Subject: [PATCH] fix: Fix the enclave connect button and modal help string in
 the EM UI (#2127)

## Description:
The enclave connect button was the wrong one in the EM UI. Updated to
one corresponding to the action.

## Is this change user facing?
YES

## References (if applicable):
#2117
---
 .../emui/enclaves/components/modals/ConnectEnclaveModal.tsx   | 2 +-
 .../emui/enclaves/components/widgets/ConnectEnclaveButton.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/enclave-manager/web/packages/app/src/emui/enclaves/components/modals/ConnectEnclaveModal.tsx b/enclave-manager/web/packages/app/src/emui/enclaves/components/modals/ConnectEnclaveModal.tsx
index db9027850e..6e1c3b8264 100644
--- a/enclave-manager/web/packages/app/src/emui/enclaves/components/modals/ConnectEnclaveModal.tsx
+++ b/enclave-manager/web/packages/app/src/emui/enclaves/components/modals/ConnectEnclaveModal.tsx
@@ -32,7 +32,7 @@ export const ConnectEnclaveModal = ({ isOpen, onClose, enclave, instanceUUID }:
           <FileDisplay value={commands} title={"CLI Commands"} filename={`${enclave.name}--connect.sh`} />
         </ModalBody>
         <ModalFooter>
-          The enclave inspect command shows you the ephemeral port to use to connect to your user service.
+          The enclave inspect command shows you the ephemeral ports to use to connect to your user services.
         </ModalFooter>
       </ModalContent>
     </Modal>
diff --git a/enclave-manager/web/packages/app/src/emui/enclaves/components/widgets/ConnectEnclaveButton.tsx b/enclave-manager/web/packages/app/src/emui/enclaves/components/widgets/ConnectEnclaveButton.tsx
index 355f499e72..295c025d08 100644
--- a/enclave-manager/web/packages/app/src/emui/enclaves/components/widgets/ConnectEnclaveButton.tsx
+++ b/enclave-manager/web/packages/app/src/emui/enclaves/components/widgets/ConnectEnclaveButton.tsx
@@ -1,6 +1,6 @@
 import { Button, ButtonProps, Tooltip } from "@chakra-ui/react";
 import { useState } from "react";
-import { FiTrash2 } from "react-icons/fi";
+import { FiLink2 } from "react-icons/fi";
 import { EnclaveFullInfo } from "../../types";
 import { ConnectEnclaveModal } from "../modals/ConnectEnclaveModal";
 
@@ -17,7 +17,7 @@ export const ConnectEnclaveButton = ({ enclave, instanceUUID, ...buttonProps }:
       <Tooltip label={`Steps to connect to this enclave from the CLI.`} openDelay={1000}>
         <Button
           colorScheme={"green"}
-          leftIcon={<FiTrash2 />}
+          leftIcon={<FiLink2 />}
           onClick={() => setShowModal(true)}
           size={"sm"}
           variant={"solid"}