From ccc62bc65f9c4215514eb2e8cc5ff46fe3553327 Mon Sep 17 00:00:00 2001
From: Artem <temakolodko@gmail.com>
Date: Wed, 11 May 2022 12:09:04 +0100
Subject: [PATCH] Replace burger menu icon with gear icon (#178)

---
 src/components/appHeader/ConfigureButton.tsx |  3 ++-
 src/components/ui/icons.tsx                  | 16 ++++++++++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/components/appHeader/ConfigureButton.tsx b/src/components/appHeader/ConfigureButton.tsx
index 167baaa..db31e66 100644
--- a/src/components/appHeader/ConfigureButton.tsx
+++ b/src/components/appHeader/ConfigureButton.tsx
@@ -15,6 +15,7 @@ import {
   setCurrency,
   currencyType,
 } from "src/hooks/ONE-ETH-SwitcherHook";
+import { GearIcon } from "../ui/icons";
 
 export function ConfigureButton() {
   const theme = useThemeMode();
@@ -23,7 +24,7 @@ export function ConfigureButton() {
 
   return (
     <DropButton
-      label={<Menu size="medium" color={'#fff'} />}
+      label={<GearIcon size="24px" color={'#fff'} />}
       dropAlign={{ top: "bottom", right: "right" }}
       style={{
         height: '32px',
diff --git a/src/components/ui/icons.tsx b/src/components/ui/icons.tsx
index e08c5e7..83f156e 100644
--- a/src/components/ui/icons.tsx
+++ b/src/components/ui/icons.tsx
@@ -104,3 +104,19 @@ export function LatencyIcon(props: IIconProps) {
 //     </svg>
 //   );
 // }
+
+export function GearIcon(props: IIconProps) {
+  const theme = React.useContext(ThemeContext);
+  const { size = "24px", color = theme.global.palette.Grey } = props;
+
+  return (
+    <svg  width={size}
+          height={size}
+          version="1.1"
+          viewBox="0 0 512 512"
+          fill={theme.global.colors[color] || color}
+    >
+      <path d="M424.5,216.5h-15.2c-12.4,0-22.8-10.7-22.8-23.4c0-6.4,2.7-12.2,7.5-16.5l9.8-9.6c9.7-9.6,9.7-25.3,0-34.9l-22.3-22.1  c-4.4-4.4-10.9-7-17.5-7c-6.6,0-13,2.6-17.5,7l-9.4,9.4c-4.5,5-10.5,7.7-17,7.7c-12.8,0-23.5-10.4-23.5-22.7V89.1  c0-13.5-10.9-25.1-24.5-25.1h-30.4c-13.6,0-24.4,11.5-24.4,25.1v15.2c0,12.3-10.7,22.7-23.5,22.7c-6.4,0-12.3-2.7-16.6-7.4l-9.7-9.6  c-4.4-4.5-10.9-7-17.5-7s-13,2.6-17.5,7L110,132c-9.6,9.6-9.6,25.3,0,34.8l9.4,9.4c5,4.5,7.8,10.5,7.8,16.9  c0,12.8-10.4,23.4-22.8,23.4H89.2c-13.7,0-25.2,10.7-25.2,24.3V256v15.2c0,13.5,11.5,24.3,25.2,24.3h15.2  c12.4,0,22.8,10.7,22.8,23.4c0,6.4-2.8,12.4-7.8,16.9l-9.4,9.3c-9.6,9.6-9.6,25.3,0,34.8l22.3,22.2c4.4,4.5,10.9,7,17.5,7  c6.6,0,13-2.6,17.5-7l9.7-9.6c4.2-4.7,10.2-7.4,16.6-7.4c12.8,0,23.5,10.4,23.5,22.7v15.2c0,13.5,10.8,25.1,24.5,25.1h30.4  c13.6,0,24.4-11.5,24.4-25.1v-15.2c0-12.3,10.7-22.7,23.5-22.7c6.4,0,12.4,2.8,17,7.7l9.4,9.4c4.5,4.4,10.9,7,17.5,7  c6.6,0,13-2.6,17.5-7l22.3-22.2c9.6-9.6,9.6-25.3,0-34.9l-9.8-9.6c-4.8-4.3-7.5-10.2-7.5-16.5c0-12.8,10.4-23.4,22.8-23.4h15.2  c13.6,0,23.3-10.7,23.3-24.3V256v-15.2C447.8,227.2,438.1,216.5,424.5,216.5z M336.8,256L336.8,256c0,44.1-35.7,80-80,80  c-44.3,0-80-35.9-80-80l0,0l0,0c0-44.1,35.7-80,80-80C301.1,176,336.8,211.9,336.8,256L336.8,256z"/>
+    </svg>
+  );
+}