SketchList does not open a sketch if dialogue box is opened

Author: LakshSingla

client/modules/IDE/components/SketchList.jsx

@@ -55,7 +55,6 @@ class SketchList extends React.Component {
           <table className="sketches-table" summary="table containing all saved projects">
             <thead>
               <tr>
-                {/* <th className="sketch-list__trash-column" scope="col"></th> */}
                 <th scope="col">Sketch</th>
                 <th scope="col">Date created</th>
                 <th scope="col">Date created</th>
@@ -68,27 +67,14 @@ class SketchList extends React.Component {
                 <tr 
                   className="sketches-table__row"
                   key={sketch.id}
-                  onClick={() => browserHistory.push(`/${username}/sketches/${sketch.id}`)}
+                  onClick={() => {
+                    if (this.state.actionDialogueDisplayed.some(el => el)) {
+                      this.closeAllDropdowns();
+                      return;
+                    }
+                    browserHistory.push(`/${username}/sketches/${sketch.id}`);
+                  }}
                 >
-                  {/* <td className="sketch-list__trash-column">
-                  {(() => { // eslint-disable-line
-                      if (this.props.username === this.props.user.username || this.props.username === undefined) {
-                        return (
-                          <button
-                            className="sketch-list__trash-button"
-                            onClick={(e) => {
-                              e.stopPropagation();
-                              if (window.confirm(`Are you sure you want to delete "${sketch.name}"?`)) {
-                                this.props.deleteProject(sketch.id);
-                              }
-                            }}
-                          >
-                            <InlineSVG src={trashCan} alt="Delete Project" />
-                          </button>
-                        );
-                      }
-                    })()}
-                  </td> */}
                   <th scope="row"><Link to={`/${username}/sketches/${sketch.id}`}>{sketch.name}</Link></th>
                   <td>{moment(sketch.createdAt).format('MMM D, YYYY h:mm A')}</td>
                   <td>{moment(sketch.updatedAt).format('MMM D, YYYY h:mm A')}</td>