From e5029ff6fd10aeffcf4763d0f57260817e182030 Mon Sep 17 00:00:00 2001
From: Chen-I Lim <chenilim@gmail.com>
Date: Mon, 26 Oct 2020 08:56:42 -0700
Subject: [PATCH] Fix missing properties on BoardCard

---
 webapp/src/components/boardCard.scss | 4 ++--
 webapp/src/components/boardCard.tsx  | 2 +-
 webapp/src/widgets/menuWrapper.tsx   | 3 ++-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/webapp/src/components/boardCard.scss b/webapp/src/components/boardCard.scss
index ae609b88d..5df8e2b83 100644
--- a/webapp/src/components/boardCard.scss
+++ b/webapp/src/components/boardCard.scss
@@ -17,7 +17,7 @@
 
     &:hover {
         background-color: #eeeeee;
-        .MenuWrapper {
+        .optionsMenu {
             display: block;
         }
     }
@@ -26,7 +26,7 @@
         background-color: rgba(90, 200, 255, 0.2);
     }
 
-    .MenuWrapper {
+    .optionsMenu {
         display: none;
         position: absolute;
         right: 0;
diff --git a/webapp/src/components/boardCard.tsx b/webapp/src/components/boardCard.tsx
index 6d2dd5b23..1c0f34616 100644
--- a/webapp/src/components/boardCard.tsx
+++ b/webapp/src/components/boardCard.tsx
@@ -59,7 +59,7 @@ class BoardCard extends React.Component<BoardCardProps, BoardCardState> {
                     this.props.onDragEnd(e)
                 }}
             >
-                <MenuWrapper stopPropagationOnToggle={true}>
+                <MenuWrapper className='optionsMenu' stopPropagationOnToggle={true}>
                     <div className='octo-hoverbutton square'><div className='imageOptions'/></div>
                     <Menu>
                         <Menu.Text
diff --git a/webapp/src/widgets/menuWrapper.tsx b/webapp/src/widgets/menuWrapper.tsx
index b61fb36a9..2fde9c91a 100644
--- a/webapp/src/widgets/menuWrapper.tsx
+++ b/webapp/src/widgets/menuWrapper.tsx
@@ -10,6 +10,7 @@ type Props = {
     onToggle?: (open: boolean) => void;
     isDisabled?: boolean;
     stopPropagationOnToggle?: boolean;
+    className?: string
 }
 
 type State = {
@@ -84,7 +85,7 @@ export default class MenuWrapper extends React.PureComponent<Props, State> {
 
         return (
             <div
-                className='MenuWrapper'
+                className={`MenuWrapper ${this.props.className || ''}`}
                 onClick={this.toggle}
                 ref={this.node}
             >