替换图标

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>
   );
 };
 

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>
               )
             );