From cc0b093c4947df26a38f8b72329c9a10927e9790 Mon Sep 17 00:00:00 2001
From: testa113 <aliharriss1995@gmail.com>
Date: Wed, 20 Mar 2024 10:31:27 +1300
Subject: [PATCH] add env selector

---
 .../EnvironmentList/EnvironmentItem/EnvironmentItem.tsx      | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/react/portainer/HomeView/EnvironmentList/EnvironmentItem/EnvironmentItem.tsx b/app/react/portainer/HomeView/EnvironmentList/EnvironmentItem/EnvironmentItem.tsx
index a09713c8f..39c48f916 100644
--- a/app/react/portainer/HomeView/EnvironmentList/EnvironmentItem/EnvironmentItem.tsx
+++ b/app/react/portainer/HomeView/EnvironmentList/EnvironmentItem/EnvironmentItem.tsx
@@ -68,7 +68,10 @@ export function EnvironmentItem({
         <div className="ml-2 flex justify-center self-center">
           <EnvironmentIcon type={environment.Type} />
         </div>
-        <div className="ml-3 mr-auto flex flex-col items-start justify-center gap-3">
+        <div
+          className="ml-3 mr-auto flex flex-col items-start justify-center gap-3"
+          data-cy="component-environmentLink" // using this div for data-cy ensures the mouse click doesn't overlap with EnvironmentBrowseButtons (absolute position)
+        >
           <div className="flex flex-wrap items-center gap-x-4 gap-y-2">
             <span className="font-bold">{environment.Name}</span>
             {isEdge ? (