fix: editing / deleting null boards

Keith-Web3 · Jul 22, 2023 · b09cd1e · b09cd1e
1 parent dd4cd67
commit b09cd1e
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/components/shared/Header.tsx b/src/components/shared/Header.tsx
@@ -90,17 +90,22 @@ const Header: React.FC<{
             transition={{ duration: 0.25 }}
             className="header__dropdown"
           >
+            {
+              //NOTE p tag, disabled class used due to defect in button element styling
+            }
             <p
               onClick={() =>
+                currentBoard &&
                 setModalType({ modalType: 'edit-board', showModal: true })
               }
-              className="dropdown__option"
+              className={`dropdown__option ${!currentBoard && 'disabled'}`}
             >
               edit board
             </p>
             <p
-              className="dropdown__option"
+              className={`dropdown__option ${!currentBoard && 'disabled'}`}
               onClick={() =>
+                currentBoard &&
                 setModalType({ modalType: 'delete-board', showModal: true })
               }
             >

diff --git a/src/sass/shared/header.scss b/src/sass/shared/header.scss
@@ -97,6 +97,9 @@
       padding-right: $spacer * 3;
       border-radius: 3px;
 
+      &.disabled {
+        cursor: not-allowed;
+      }
       &:hover {
         background-color: $gray-100;
       }