Merge pull request #2764 from devtron-labs/fix/default-cluster-delete

fix: Hide default Cluster deletion dots from resource browser

Author: shivani170

src/components/ResourceBrowser/ResourceList/ClusterSelector.tsx

@@ -116,25 +116,27 @@ const ClusterSelector: React.FC<ClusterSelectorType> = ({
 
             {defaultOption?.isProd && <span className="px-6 py-2 br-4 bcb-1 cb-7 fs-12 lh-16 fw-5">Production</span>}
 
-            <PopupMenu autoClose>
-                <PopupMenu.Button rootClassName="flex ml-auto p-4 border__secondary" isKebab>
-                    <MenuDots className="icon-dim-16 fcn-7" data-testid="popup-menu-button" />
-                </PopupMenu.Button>
-
-                <PopupMenu.Body rootClassName="dc__border p-4">
-                    <div className="w-150 flexbox-col">
-                        <button
-                            type="button"
-                            className="dc__outline-none flexbox dc__gap-8 dc__transparent dc__hover-n50 px-12 py-6 dc__align-items-center"
-                            onClick={handleOpenDeleteModal}
-                            data-testid="delete_cluster_button"
-                        >
-                            <Icon name="ic-delete" color="R500" />
-                            <span className="fs-14 lh-1-5 cr-5">Delete</span>
-                        </button>
-                    </div>
-                </PopupMenu.Body>
-            </PopupMenu>
+            {defaultOption?.value !== String(DEFAULT_CLUSTER_ID) && (
+                <PopupMenu autoClose>
+                    <PopupMenu.Button rootClassName="flex ml-auto p-4 border__secondary" isKebab>
+                        <MenuDots className="icon-dim-16 fcn-7" data-testid="popup-menu-button" />
+                    </PopupMenu.Button>
+
+                    <PopupMenu.Body rootClassName="dc__border p-4">
+                        <div className="w-150 flexbox-col">
+                            <button
+                                type="button"
+                                className="dc__outline-none flexbox dc__gap-8 dc__transparent dc__hover-n50 px-12 py-6 dc__align-items-center"
+                                onClick={handleOpenDeleteModal}
+                                data-testid="delete_cluster_button"
+                            >
+                                <Icon name="ic-delete" color="R500" />
+                                <span className="fs-14 lh-1-5 cr-5">Delete</span>
+                            </button>
+                        </div>
+                    </PopupMenu.Body>
+                </PopupMenu>
+            )}
 
             {openDeleteClusterModal && (
                 <DeleteClusterConfirmationModal