From cc18d9336a1cfa2aeabfc09b9803cbdde21173db Mon Sep 17 00:00:00 2001
From: Jordan Eldredge <jordan@jordaneldredge.com>
Date: Fri, 6 Dec 2019 06:42:37 -0800
Subject: [PATCH] Use functional component

---
 js/components/ContextMenu.tsx | 38 +++++++++++++++++------------------
 1 file changed, 18 insertions(+), 20 deletions(-)

diff --git a/js/components/ContextMenu.tsx b/js/components/ContextMenu.tsx
index e6355865..5fa12619 100644
--- a/js/components/ContextMenu.tsx
+++ b/js/components/ContextMenu.tsx
@@ -98,27 +98,25 @@ interface ContextMenuProps {
   zIndex: number;
 }
 
-class ContextMenu extends React.Component<ContextMenuProps> {
-  render() {
-    const {
-      children,
-      offsetTop,
-      offsetLeft,
-      top,
-      bottom,
-      selected,
-      zIndex,
-    } = this.props;
-    return (
-      selected && (
-        <Portal top={offsetTop} left={offsetLeft} zIndex={zIndex}>
-          <ul className={classnames("context-menu", { top, bottom })}>
-            {children}
-          </ul>
-        </Portal>
-      )
-    );
+function ContextMenu({
+  children,
+  offsetTop,
+  offsetLeft,
+  top,
+  bottom,
+  selected,
+  zIndex,
+}: ContextMenuProps) {
+  if (!selected) {
+    return null;
   }
+  return (
+    <Portal top={offsetTop} left={offsetLeft} zIndex={zIndex}>
+      <ul className={classnames("context-menu", { top, bottom })}>
+        {children}
+      </ul>
+    </Portal>
+  );
 }
 
 const mapStateToProps = (state: AppState) => ({