InputBox: extract MenuButton

src/components/Player/InputBox/InputBox.jsx

@@ -1,7 +1,7 @@
 import { h } from 'preact'
 import { useEffect, useRef, useState } from 'preact/hooks'
 
-import s from './MenuButton/MenuButton.module.scss'
+import MenuButton from './MenuButton/MenuButton'
 
 /* eslint-disable */
 const keyCodes = {
@@ -141,13 +141,8 @@ export default function InputBox ({
         onDblClick={onFullscreenRequest}
         onInput={({ target: { value } }) => setInputText(value)}
         type='search' />
-      <button
+      <MenuButton
-        aria-label='Menu'
+        onClick={() => setMenuOpen(true)} />
-        className={s.menuButton}
-        onClick={() => setMenuOpen(true)}
-      >
-        =
-      </button>
     </section>
   )
 }

src/components/Player/InputBox/MenuButton/MenuButton.jsx

@@ -0,0 +1,15 @@
+import { h } from 'preact'
+
+import s from './MenuButton.module.scss'
+
+export default MenuButton = ({ onClick }) => {
+  return (
+    <button
+      aria-label='Menu'
+      className={s.menuButton}
+      onClick={() => setMenuOpen(true)}
+    >
+      =
+    </button>
+  )
+}