Dropdown closes when Share and Delete are closing for a more natural UX

Author: LakshSingla

client/modules/IDE/components/SketchList.jsx

@@ -214,6 +214,7 @@ class SketchList extends React.Component {
                           role="presentation"
                           className="sketch-list__action-option"
                           onClick={() => {
+                            this.closeAllDropdowns();
                             this.props.cloneProject(sketch.id);
                           }}
                         >
@@ -223,6 +224,7 @@ class SketchList extends React.Component {
                           role="presentation"
                           className="sketch-list__action-option"
                           onClick={() => {
+                            this.closeAllDropdowns();
                             this.props.showShareModal(sketch.id, sketch.name);
                           }}
                         >
@@ -233,8 +235,8 @@ class SketchList extends React.Component {
                           className="sketch-list__action-option"
                           onClick={(e) => {
                             e.stopPropagation();
+                            this.closeAllDropdowns();
                             if (window.confirm(`Are you sure you want to delete "${sketch.name}"?`)) {
-                              this.closeAllDropdowns();
                               this.props.deleteProject(sketch.id);
                             }
                           }}
@@ -273,7 +275,6 @@ SketchList.propTypes = {
     })
   }),
   cloneProject: PropTypes.func.isRequired,
-  // autosaveProject: PropTypes.func.isRequired,
   exportProjectAsZip: PropTypes.func.isRequired,
   changeProjectName: PropTypes.func.isRequired
 };