From d01dd595985d37675832505a0b9456c4c06955c7 Mon Sep 17 00:00:00 2001
From: He4eT <He4eT@oddsquat.org>
Date: Sat, 3 Jun 2023 23:39:45 +0300
Subject: [PATCH] MenuButton: add svg icon

---
 .../Player/InputBox/MenuButton/MenuButton.jsx        | 10 ++++++++--
 .../InputBox/MenuButton/MenuButton.module.scss       | 12 ++++++++++--
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/components/Player/InputBox/MenuButton/MenuButton.jsx b/src/components/Player/InputBox/MenuButton/MenuButton.jsx
index 53f282f..597a384 100644
--- a/src/components/Player/InputBox/MenuButton/MenuButton.jsx
+++ b/src/components/Player/InputBox/MenuButton/MenuButton.jsx
@@ -7,9 +7,15 @@ export default MenuButton = ({ onClick }) => {
     <button
       aria-label='Menu'
       className={s.menuButton}
-      onClick={() => setMenuOpen(true)}
+      onClick={onClick}
     >
-      =
+      <svg
+        class={s.menuIcon}
+        viewBox='0 0 24 24'
+        xmlns='http://www.w3.org/2000/svg'
+      >
+        <path d='M10 10h4v4h-4zm0-6h4v4h-4zm0 12h4v4h-4z'/>
+      </svg>
     </button>
   )
 }
diff --git a/src/components/Player/InputBox/MenuButton/MenuButton.module.scss b/src/components/Player/InputBox/MenuButton/MenuButton.module.scss
index 4b85f53..aaf6854 100644
--- a/src/components/Player/InputBox/MenuButton/MenuButton.module.scss
+++ b/src/components/Player/InputBox/MenuButton/MenuButton.module.scss
@@ -1,14 +1,22 @@
 .menuButton {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
   background: none;
-  border-left: none;
+  border: none;
   outline-offset: -8px;
   position: absolute;
   right: 0;
   height: 100%;
   padding: 0;
-  aspect-ratio: 1;
 
   &:focus-visible {
     outline-offset: -4px;
   }
+
+  .menuIcon {
+    height: 32px;
+    width: 32px;
+    fill: CurrentColor;
+  }
 }