IR-2873 Fix disabled state for select dropdown arrow (#10950)

* Fix disabled state for select dropdown arrow * Updated disabled icon color --------- Co-authored-by: Hanzla Mateen <[email protected]>
EtherealEngine · Aug 13, 2024 · 8161d72 · 8161d72
1 parent d89646f
commit 8161d72
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/packages/ui/src/primitives/tailwind/Select/index.tsx b/packages/ui/src/primitives/tailwind/Select/index.tsx
@@ -157,8 +157,14 @@ const Select = <T extends OptionValueType>({
         endComponent={
           <MdOutlineKeyboardArrowDown
             size="1.5em"
-            className={`mr-2 transition-transform ${showOptions.value ? 'rotate-180' : ''}`}
-            onClick={toggleDropdown}
+            className={`mr-2 transition-transform ${showOptions.value ? 'rotate-180' : ''} ${
+              disabled ? 'opacity-50' : ''
+            }`}
+            onClick={() => {
+              if (!disabled) {
+                toggleDropdown()
+              }
+            }}
           />
         }
         containerClassname={inputContainerClassName}