From 20ad6d8dea20bd962ef914930d4c96ba7106cd12 Mon Sep 17 00:00:00 2001
From: myf <>
Date: Thu, 19 May 2022 17:40:28 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=BF=E6=8D=A2=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/widgets/Menu/components/CakePrice.tsx     | 15 +++++++++++----
 .../src/widgets/Menu/components/MoreDropDown.tsx  |  1 +
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/packages/pancake-uikit/src/widgets/Menu/components/CakePrice.tsx b/packages/pancake-uikit/src/widgets/Menu/components/CakePrice.tsx
index 2e946c9..44a784b 100644
--- a/packages/pancake-uikit/src/widgets/Menu/components/CakePrice.tsx
+++ b/packages/pancake-uikit/src/widgets/Menu/components/CakePrice.tsx
@@ -1,8 +1,7 @@
 import React from "react";
 import styled from "styled-components";
-import { PancakeRoundIcon } from "../../../components/Svg";
 import Text from "../../../components/Text/Text";
-import Skeleton from "../../../components/Skeleton/Skeleton";
+import HighIcon from "../../../components/Svg/Icons/HighIcon";
 
 interface Props {
   cakePriceUsd?: number;
@@ -27,11 +26,19 @@ const CakePrice: React.FC<Props> = ({ cakePriceUsd }) => {
       href="https://exchange.pancakeswap.finance/#/swap?outputCurrency=0x0e09fabb73bd3ade0a17ecc321fd13a19e81ce82"
       target="_blank"
     >
-      <PancakeRoundIcon width="24px" mr="8px" />
+      <HighIcon width="24px" mr="8px" />
       <Text color="textSubtle" bold>{`$${cakePriceUsd.toFixed(3)}`}</Text>
     </PriceLink>
   ) : (
-    <Skeleton width={80} height={24} />
+    <PriceLink
+      href="https://exchange.pancakeswap.finance/#/swap?outputCurrency=0x0e09fabb73bd3ade0a17ecc321fd13a19e81ce82"
+      target="_blank"
+    >
+      <HighIcon width="24px" mr="8px" />
+      <Text color="textSubtle" bold>
+        $0
+      </Text>
+    </PriceLink>
   );
 };
 
diff --git a/packages/pancake-uikit/src/widgets/Menu/components/MoreDropDown.tsx b/packages/pancake-uikit/src/widgets/Menu/components/MoreDropDown.tsx
index 21ee2e7..27626e0 100644
--- a/packages/pancake-uikit/src/widgets/Menu/components/MoreDropDown.tsx
+++ b/packages/pancake-uikit/src/widgets/Menu/components/MoreDropDown.tsx
@@ -118,6 +118,7 @@ const MoreDropDown: React.FC<Props> = ({ list }) => {
               item.list && item.list.length > 0 && (
                 <SingleLink key={item.key} external href={item.list[0].link} color="textSubtle">
                   <Image src={item.icon} title={item.name} />
+                  <TextDiv marginLeft="5px">{item.name}</TextDiv>
                 </SingleLink>
               )
             );