Prefer arrow functions and callbacks (#1210)

src/components/ContextMenu.tsx

@@ -16,45 +16,41 @@ type Props = {
   left: number;
 };
 
-function ContextMenu({ options, onCloseRequest, top, left }: Props) {
-  return (
-    <Popover
-      onCloseRequest={onCloseRequest}
-      top={top}
-      left={left}
-      fitInViewport={true}
+const ContextMenu = ({ options, onCloseRequest, top, left }: Props) => (
+  <Popover
+    onCloseRequest={onCloseRequest}
+    top={top}
+    left={left}
+    fitInViewport={true}
+  >
+    <ul
+      className="context-menu"
+      onContextMenu={(event) => event.preventDefault()}
     >
-      <ul
-        className="context-menu"
-        onContextMenu={(event) => event.preventDefault()}
-      >
-        {options.map((option, idx) => (
-          <li key={idx} onClick={onCloseRequest}>
-            <ContextMenuOption {...option} />
-          </li>
-        ))}
-      </ul>
-    </Popover>
-  );
-}
+      {options.map((option, idx) => (
+        <li key={idx} onClick={onCloseRequest}>
+          <ContextMenuOption {...option} />
+        </li>
+      ))}
+    </ul>
+  </Popover>
+);
 
-function ContextMenuOption({ label, action }: ContextMenuOption) {
-  return (
-    <button className="context-menu-option" onClick={action}>
-      {label}
-    </button>
-  );
-}
+const ContextMenuOption = ({ label, action }: ContextMenuOption) => (
+  <button className="context-menu-option" onClick={action}>
+    {label}
+  </button>
+);
 
 let contextMenuNode: HTMLDivElement;
-function getContextMenuNode(): HTMLDivElement {
+const getContextMenuNode = (): HTMLDivElement => {
   if (contextMenuNode) {
     return contextMenuNode;
   }
   const div = document.createElement("div");
   document.body.appendChild(div);
   return (contextMenuNode = div);
-}
+};
 
 type ContextMenuParams = {
   options: (ContextMenuOption | false | null | undefined)[];
@@ -62,9 +58,9 @@ type ContextMenuParams = {
   left: number;
 };
 
-function handleClose() {
+const handleClose = () => {
   unmountComponentAtNode(getContextMenuNode());
-}
+};
 
 export default {
   push(params: ContextMenuParams) {