From 9a087424b160a3be4607e23fd88e9411f07cc7fb Mon Sep 17 00:00:00 2001
From: myf <>
Date: Sat, 7 May 2022 11:01:56 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/widgets/Menu/components/PanelFooter.tsx           | 8 ++++----
 packages/pancake-uikit/src/widgets/Menu/types.ts          | 1 +
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/pancake-uikit/src/widgets/Menu/components/PanelFooter.tsx b/packages/pancake-uikit/src/widgets/Menu/components/PanelFooter.tsx
index 55f9578..30bca74 100644
--- a/packages/pancake-uikit/src/widgets/Menu/components/PanelFooter.tsx
+++ b/packages/pancake-uikit/src/widgets/Menu/components/PanelFooter.tsx
@@ -160,7 +160,7 @@ const PanelFooter: React.FC<Props> = ({
                     {item.list && item.list.length > 0
                       ? item.list?.map((childItem) => {
                           return (
-                            <Link external href={childItem.link} color="textSubtle">
+                            <Link key={item.key} external href={childItem.link} color="textSubtle">
                               <Text>{childItem.name}</Text>
                             </Link>
                           );
@@ -168,7 +168,7 @@ const PanelFooter: React.FC<Props> = ({
                       : ""}
                   </Dropdown>
                 ) : item.list && item.list.length > 0 ? (
-                  <Link external href={item.list[0].link} color="textSubtle">
+                  <Link key={item.key} external href={item.list[0].link} color="textSubtle">
                     <Image src={item.icon} title={item.name} />
                   </Link>
                 ) : (
@@ -184,7 +184,7 @@ const PanelFooter: React.FC<Props> = ({
               <div className="content">
                 {moreList?.map((item) => {
                   return item.list && item.list.length > 1 ? (
-                    <ImageItem>
+                    <ImageItem key={item.key}>
                       <Flex className="content-item" alignItems="center" justifyContent="space-between">
                         <>
                           <Image src={item.icon} title={item.name} />
@@ -203,7 +203,7 @@ const PanelFooter: React.FC<Props> = ({
                       </div>
                     </ImageItem>
                   ) : item.list && item.list.length > 0 ? (
-                    <SingleLink external href={item.list[0].link} color="textSubtle">
+                    <SingleLink key={item.key} external href={item.list[0].link} color="textSubtle">
                       <Image src={item.icon} title={item.name} />
                     </SingleLink>
                   ) : (
diff --git a/packages/pancake-uikit/src/widgets/Menu/types.ts b/packages/pancake-uikit/src/widgets/Menu/types.ts
index c4cdf7e..d71a39a 100644
--- a/packages/pancake-uikit/src/widgets/Menu/types.ts
+++ b/packages/pancake-uikit/src/widgets/Menu/types.ts
@@ -69,6 +69,7 @@ export interface NavProps extends PanelProps {
 export interface SocialLink {
   icon?: string;
   name?: string;
+  key?: string | number;
   list?: SocialLinkList[];
 }
 export interface SocialLinkList {