Recovered drop-down default button action (#32)

* recovered default action * 1.0.20
DynamoDS · Sep 20, 2024 · f8169d1 · f8169d1
1 parent 2aac9ed
commit f8169d1
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 9 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@dynamods/dynamo-home",
-  "version": "1.0.19",
+  "version": "1.0.20",
   "description": "Dynamo Home",
   "author": "Autodesk Inc.",
   "main": "index.tsx",

diff --git a/src/components/Sidebar/CustomDropDown.tsx b/src/components/Sidebar/CustomDropDown.tsx
@@ -22,7 +22,7 @@ export const CustomDropdown = ({
     const dropdownRef = useRef(null);
     const arrowColor = isOpen ? "rgba(56,171,223,0.35)" : "#949494";
 
-    const toggleDropdown = () => setIsOpen(!isOpen);
+    const toggleDropdown = () => setIsOpen(!isOpen); 
 
     /** Peforms the selected action type when used as a Drop-down */
     const handleOptionSelect = (option: option) => {
@@ -67,18 +67,20 @@ export const CustomDropdown = ({
             ref={dropdownRef}>
             <div
                 className={styles['dropdown-selected']}
-                onClick={wholeButtonActionable ? toggleDropdown : undefined}
+                onClick={wholeButtonActionable ? toggleDropdown : handleDefaultAction}  // Button behavior depends on wholeButtonActionable
             >
-                <span>{placeholder}</span>
+                <span>{placeholder}</span>  
                 {showDivider && <span className={styles['vertical-line']}></span>}
                 <div
                     className={styles['arrow-container']}
-                    onClick={wholeButtonActionable ? undefined : (e) => {
+                    onClick={(e) => {
                         e.stopPropagation();
-                        toggleDropdown();
+                        toggleDropdown(); // Arrow always toggles the dropdown
                     }}
                 >
-                    <OpenArrow isOpen={isOpen} color={arrowColor} />
+                    <div style={{ marginTop: 4 }}>
+                        <OpenArrow isOpen={isOpen} color={arrowColor} />
+                    </div>
                 </div>
             </div>
             <div className={`${styles['dropdown-options']} ${isOpen ? styles.open : ''}`}>