chore(Menu): Display NewTag in the externalLink

pancakeswap · Nov 30, 2023 · 9bc4021 · 9bc4021
1 parent 8c57b47
commit 9bc4021
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/packages/uikit/src/components/DropdownMenu/DropdownMenu.tsx b/packages/uikit/src/components/DropdownMenu/DropdownMenu.tsx
@@ -1,16 +1,16 @@
 /* eslint-disable react/no-array-index-key */
-import React, { useContext, useEffect, useState, useCallback } from "react";
-import { usePopper } from "react-popper";
 import debounce from "lodash/debounce";
+import React, { useCallback, useContext, useEffect, useState } from "react";
+import { usePopper } from "react-popper";
 import { useOnClickOutside } from "../../hooks";
 import { MenuContext } from "../../widgets/Menu/context";
 import { Box, Flex } from "../Box";
 import { LogoutIcon } from "../Svg";
 import {
   DropdownMenuDivider,
   DropdownMenuItem,
-  StyledDropdownMenu,
   LinkStatus,
+  StyledDropdownMenu,
   StyledDropdownMenuItemContainer,
 } from "./styles";
 import { DropdownMenuItemType, DropdownMenuProps } from "./types";
@@ -105,14 +105,14 @@ const DropdownMenu: React.FC<React.PropsWithChildren<DropdownMenuProps>> = ({
                 itemItem
               ) => {
                 const MenuItemContent = (
-                  <>
+                  <Flex>
                     {label}
                     {status && (
                       <LinkStatus textTransform="uppercase" color={status.color} fontSize="14px">
                         {status.text}
                       </LinkStatus>
                     )}
-                  </>
+                  </Flex>
                 );
                 const isActive = href === activeItem;
                 return (
@@ -154,7 +154,7 @@ const DropdownMenu: React.FC<React.PropsWithChildren<DropdownMenuProps>> = ({
                         {...itemProps}
                       >
                         <Flex alignItems="center" justifyContent="space-between" width="100%">
-                          {label}
+                          {MenuItemContent}
                           <LogoutIcon color={disabled ? "textDisabled" : "textSubtle"} />
                         </Flex>
                       </DropdownMenuItem>