in order for tooltip to work, we cannot pass it a disabled button

conda-incubator · Mar 5, 2024 · 10f4598 · 10f4598
1 parent 141845a
commit 10f4598
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/features/environments/components/EnvironmentDropdown.tsx b/src/features/environments/components/EnvironmentDropdown.tsx
@@ -100,8 +100,10 @@ export const EnvironmentDropdown = ({
             }
           >
             <StyledIconButton
-              onClick={e => onCreateNewEnvironmentTab(e, namespace)}
-              disabled={!canCreate}
+              onClick={e =>
+                canCreate && onCreateNewEnvironmentTab(e, namespace)
+              }
+              aria-disabled={!canCreate}
             >
               <AddIcon />
             </StyledIconButton>

diff --git a/src/styles/StyledIconButton.tsx b/src/styles/StyledIconButton.tsx
@@ -18,7 +18,7 @@ export const StyledIconButton = styled(Button)(({ theme }) => ({
     outlineWidth: "medium",
     transition: "none"
   },
-  "&:disabled": {
+  '&[aria-disabled="true"]': {
     backgroundColor: theme.palette.secondary[100],
     border: "none",
     color: theme.palette.secondary[300]