From 78a57395e59257ebd793d1318d5f3559718f74f4 Mon Sep 17 00:00:00 2001
From: koko37 <engel0088@gmail.com>
Date: Thu, 26 Dec 2024 09:59:56 +0800
Subject: [PATCH] update menu

---
 src/assets/icons/cog.svg        |  4 ++++
 src/pages/network/evm/Home.jsx  | 14 ++++----------
 src/pages/network/tron/Home.jsx | 13 ++++---------
 3 files changed, 12 insertions(+), 19 deletions(-)
 create mode 100644 src/assets/icons/cog.svg

diff --git a/src/assets/icons/cog.svg b/src/assets/icons/cog.svg
new file mode 100644
index 0000000..1f4f837
--- /dev/null
+++ b/src/assets/icons/cog.svg
@@ -0,0 +1,4 @@
+<svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <path stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 13v-2a1 1 0 0 0-1-1h-.757l-.707-1.707.535-.536a1 1 0 0 0 0-1.414l-1.414-1.414a1 1 0 0 0-1.414 0l-.536.535L14 4.757V4a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v.757l-1.707.707-.536-.535a1 1 0 0 0-1.414 0L4.929 6.343a1 1 0 0 0 0 1.414l.536.536L4.757 10H4a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h.757l.707 1.707-.535.536a1 1 0 0 0 0 1.414l1.414 1.414a1 1 0 0 0 1.414 0l.536-.535 1.707.707V20a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-.757l1.707-.708.536.536a1 1 0 0 0 1.414 0l1.414-1.414a1 1 0 0 0 0-1.414l-.535-.536.707-1.707H20a1 1 0 0 0 1-1Z"/>
+  <path stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"/>
+</svg>
diff --git a/src/pages/network/evm/Home.jsx b/src/pages/network/evm/Home.jsx
index 3358219..5a9d8d1 100644
--- a/src/pages/network/evm/Home.jsx
+++ b/src/pages/network/evm/Home.jsx
@@ -5,7 +5,7 @@ import { ethers } from "ethers";
 import styled from "styled-components";
 import toFlexible from "toflexible";
 
-import ArrowUpIcon from "@mybucks/assets/icons/arrow-up.svg";
+import CogIcon from "@mybucks/assets/icons/cog.svg";
 import CopyIcon from "@mybucks/assets/icons/copy.svg";
 import GasIcon from "@mybucks/assets/icons/gas.svg";
 import HideIcon from "@mybucks/assets/icons/hide.svg";
@@ -25,7 +25,7 @@ import media from "@mybucks/styles/media";
 const NetworkAndFeatures = styled.div`
   display: flex;
   align-items: center;
-  justify-content: space-between;
+  gap: 1rem;
   margin-bottom: ${({ theme }) => theme.sizes.x4l};
 
   ${media.md`
@@ -47,7 +47,6 @@ const GasPriceWrapper = styled.div`
   display: flex;
   align-items: center;
   gap: 6px;
-  width: 6rem;
   visibility: ${({ $show }) => ($show ? "visible" : "hidden")};
   font-weight: ${({ theme }) => theme.weights.regular};
   font-size: ${({ theme }) => theme.sizes.sm};
@@ -58,12 +57,7 @@ const MenuButton = styled(BaseButton).attrs({ $size: "small" })`
   align-items: center;
   gap: 8px;
   padding: 6px 8px;
-
-  ${media.sm`
-    span {
-      display: none;
-    }
-  `}
+  margin-left: auto;
 `;
 
 const CloseButton = styled(BaseButton).attrs({ $size: "small" })`
@@ -196,7 +190,7 @@ const EvmHome = () => {
         </NetworkWrapper>
 
         <MenuButton onClick={() => openMenu(true)}>
-          <img src={ArrowUpIcon} /> <span>Backup</span>
+          <img src={CogIcon} />
         </MenuButton>
 
         <CloseButton onClick={close}>
diff --git a/src/pages/network/tron/Home.jsx b/src/pages/network/tron/Home.jsx
index a9512c3..22ec9d5 100644
--- a/src/pages/network/tron/Home.jsx
+++ b/src/pages/network/tron/Home.jsx
@@ -4,7 +4,7 @@ import copy from "clipboard-copy";
 import styled from "styled-components";
 import toFlexible from "toflexible";
 
-import ArrowUpIcon from "@mybucks/assets/icons/arrow-up.svg";
+import CogIcon from "@mybucks/assets/icons/cog.svg";
 import CopyIcon from "@mybucks/assets/icons/copy.svg";
 import HideIcon from "@mybucks/assets/icons/hide.svg";
 import LockIcon from "@mybucks/assets/icons/lock.svg";
@@ -24,7 +24,7 @@ import media from "@mybucks/styles/media";
 const NetworkAndFeatures = styled.div`
   display: flex;
   align-items: center;
-  justify-content: space-between;
+  gap: 1rem;
   margin-bottom: ${({ theme }) => theme.sizes.x4l};
 
   ${media.md`
@@ -47,12 +47,7 @@ const MenuButton = styled(BaseButton).attrs({ $size: "small" })`
   align-items: center;
   gap: 8px;
   padding: 6px 8px;
-
-  ${media.sm`
-    span {
-      display: none;
-    }
-  `}
+  margin-left: auto;
 `;
 
 const CloseButton = styled(BaseButton).attrs({ $size: "small" })`
@@ -208,7 +203,7 @@ const TronHome = () => {
         </NetworkWrapper>
 
         <MenuButton onClick={() => openMenu(true)}>
-          <img src={ArrowUpIcon} /> <span>Backup</span>
+          <img src={CogIcon} />
         </MenuButton>
 
         <CloseButton onClick={close}>