From f8169d11a82127497683e252ebf987e0c62650bf Mon Sep 17 00:00:00 2001
From: Deyan Nenov <dnenov@archilizer.com>
Date: Fri, 20 Sep 2024 16:05:00 +0100
Subject: [PATCH] Recovered drop-down default button action (#32)

* recovered default action

* 1.0.20
---
 package-lock.json                         |  4 ++--
 package.json                              |  2 +-
 src/components/Sidebar/CustomDropDown.tsx | 14 ++++++++------
 3 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 78ec01e..b0a76d4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@dynamods/dynamo-home",
-  "version": "1.0.19",
+  "version": "1.0.20",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@dynamods/dynamo-home",
-      "version": "1.0.19",
+      "version": "1.0.20",
       "license": "MIT",
       "dependencies": {
         "@types/node": "^20.14.2",
diff --git a/package.json b/package.json
index 44a32eb..a49bbbd 100644
--- 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
index 5f4b3ea..5511ee5 100644
--- 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 : ''}`}>