feat: Migration page integration (pancakeswap#3580)

* feat: MasterChefFarmCalls totalAllocPoint change to totalRegularAllocPoint

* fix: Eslint

* fix: Migration pool step 1 total staked amount

* feat: Pool and Farms v1 remove unstakeFarm utils

* refactor: Using menu height and banner heigth in config

* feat: Remove BountyCard, BountyModal, HelpButton component

* refactor: Remove ifo at pool data list

* feat: Add vakeVaultV2 Abi & deposit add lockDuration

* feat: Version 2 Auto Cake rename to Lock Cake

* fix: IFO handleDeposit methodArgs

* fix: Wrong file direction

* feat: Update tester contract address

* fix: V1 pool unstake contract

* feat: Filter manual cake and change mock cake address

* fix: Develop mode rpc CORS

* feat: Adding AutoRenewIcon

* fix: UsePollCoreFarmData and usePriceCakeBusd

* feat: Remove sousId 0 unused code

* style: Change Spinner component, add border in pool and farm table

* add locked component

* fix types

* fix: V1 auto pool

* card vault action

* merge v2 back

* fix build

* fix: Remove multiplier zero

* feat: Ifo page remove unused code

* Add lock amount and duration

* remove log

* fix require sucess false

* add vault position

* feat: Add button props for locked button

* refactor: Remove all ifo in state

* feat: Remove unused IfoPool code

* chore: Change node and add annotate

* feat: New IfoPoolVaultCardMobile

* feat: New ifo vault card with v1 data

* fix: Remove fetchIfoPoolFees

* chore: Add comment

* apy (#8)

* apy

* memo

* clean up

* fix

* apply table

* feat: Decorator for lock button (#7)

* fix table stake modal button

* feat: Adding v1 farms link

* flexible done

* fix table view

* fix build

* fix deposit

* fix: Pools withdraw decimals

* style: Update css

* use duck typing for cake pool utils

* clean up vault apy hook

* feat: Migration step2 using new pool layout

* update vault position enum

* update vault position enum none

* feat: Update pool history wording

* vault position table view desktop

* add test

* feat: Update cakeVault contract address and ABI

* feat: disabled with soon decorator for lock button (pancakeswap#13)

* feat: disabled with soon decorator for lock button

* chore: use maxDuration isZero method

* chore: change the disabled condtion

* chore: adjustment for disabled

* fix: isLockedEnd and cakePool test

* feat: Locked Pool table layout

* feat: Update vaultPosition

* hoist cake balance and minus fee (pancakeswap#15)

* hoist cake balance and minus fee

* temp update pid

* chore: Add Stake Modal

* chore: Add Lock Stake Card style

* feat(locked-pool): Implement user data presenter

* chore: Add Locked Card Actions condition

* feat(lock-pool): Add static amount modal

* chore: Add Overview implementation

* chore(locked-pool): Refactor Locked Modal

* chore(pool-limit): Add duration max

* chore(locked-pool): Add Extend and Add Cake Modal

* chore: Add Burning state

* chore(locked-pool): Add BalanceWithLoading

* chore(locked-pool): Add ExtendDuration logic

* feat(locked-pool): Add Renew Cake logic

* chore: Add burning count down

* chore: Add Burned Cake in Locked Card

* chore: Add Switch To Flexible logic

* chore: Styling Lock Pool Row

* chore: Add Locked Actions in Pool Row

* chore(locked-pool): Move to LockPool directory

* chore: Add LockedStakeModal in Lock Button

* chore: Update LoadingBalance

* chore: Add Type

* chore: Fix minor type mismatch

* chore: Fix Cake Balance

* fix: Show - when duration is exceeded

* fix: Round remaining weeks

* chore: Update UI

* chore: Update lock logic

* chore: Update text color

* fix: Update Renew logic

* chore: Update gaslimit

* chore: Disable Add Cake when balance is zero

* chore: Update Cake Locked display logic

* chore: Update current locked amount in modal

* chore: Add translation

* chore: Fix date mismatch between card and modal

* chore: Update auto tooltip (pancakeswap#21)

* feat: UseVaultPoolContract add useMemo (pancakeswap#23)

Co-authored-by: Chef Momota <[email protected]>

* feat: Add locked roi calc (pancakeswap#20)

* feat: Add locked roi calc

* update roi deposit

* update withdraw method

* add vault roi to table

* remove interest break down tooltip

* chore: Add new mock cake pool address (pancakeswap#22)

* update abi

* feat: Improve suggestions

* chore: Fix merge

* chore: Update Lock Row

* fix: Add float in balance field

* chore: Style button

* fix: Not show Roi and APY

* chore: Add RoiCalculatorModalProvider

* chore: Update modal title

* chore: Adjust color for new text

* chore: Update Roi Calculator

* chore: Hide convert to lock when max duration is 0

* chore: Update test

* small ui fix

* feat: Locked warning tableview

* chore: Remove BurnedCake component

* fix: Small ui fix (pancakeswap#28)

* fix: Small ui fix

* update contract address

* update duration

* fix: Lock pool ui

* feat: Flexable warning table view (pancakeswap#27)

* max duration optional

* feat: Adding convertTimeToDistance utils

* fix: Pool burn cake ui

* feat: Cake Pool Namecell

* chore: merge render condition

* style: Migration table style

* chore: Adding m from farmer motion

* update apy roi base on select

* chore: Move to config

* chore: Update string

* feat: Cake pool UI details

* chore: Use Insufficient modal instead of disable the Add CAKE button

* move mock timer

* chore: Update localization

* fix: Details to display in after burning state

* feat: Dynamic unit for duration displays

* chore: Update variable naming

* chore: Migration FE wording fixes

* chore: Add yield boost

* chore: WeekDuration using formatSecondsToWeeks

* chore: Naming remainingWeeks change to remainingTime

* chore: Update wording

* style: Sort pool card detail

* feat: LockedModal add boostFactor

* chore: Add prefix

* chore: adjust cake pool wording

* chore: Add Skeleton in Add CAKE button

* fix: Utils distanceToNowStrict handle invalid time

* chore: Update useVaultApy

* style: Migration v1 farms token size

* chore: Add Boost Yield Duration Rows

* chore: Update migration page link

* style: AfterLockedAction css

* chore: Revert MC v1 contract address

* fix: Test

* feat: Update MCv2 contract address

* chore: Fix failed test

* feat(flexible-pool): Add staking fee row

* chore: Fix fee squash in flexible box

* chore: Avoid NaN in BalanceLoading

* chore: Vpid -> v1pid

* fix: Lint

* memo

* fix: Locked amount little deviation  (pancakeswap#53)

* fix: lockedAmount deviation

* chore: locked amount bignumber issue

* chore: use getDecimalAmount

* chore: Add warning for Insufficient CAKE balance

* chore: Remove unused translations keys

* chore: Add new translations keys

* fix: Remove legacy strategy file

* chorr: useUserEnoughValidator

* chore: Remove unused code

* chore: Remove BigNumber

* fix: Reduce effect loop

* perf: Reduce new pool request

* get user data loading

* style: Update cake pool table style

* chore: Mobile show Flexible APR & Locked APR at ActionPanel

* fix: ROI footer when apy 0

* apy 0

* chore: use stakingTokenBalance to handle

* fix: Safari flex (pancakeswap#67)

* fix: APY fixed number (pancakeswap#69)

* fix: APY fixed number

* no show fix apy yet

* fix test

* clean up

* chore: Hide ROI calculator

Co-authored-by: Chef Momota <[email protected]>
Co-authored-by: ChefJoJo <[email protected]>
Co-authored-by: Chef Yogi <[email protected]>
Co-authored-by: chefilip <[email protected]>
Co-authored-by: Philip <[email protected]>

packages/uikit/src/components/BalanceInput/types.ts

@@ -1,13 +1,14 @@
 import { InputHTMLAttributes, ReactNode, ReactText } from "react";
 import { BoxProps } from "../Box";
+import { InputProps } from "../Input";
 
 export interface BalanceInputProps extends BoxProps {
   value: ReactText;
   onUserInput: (input: string) => void;
   innerRef?: React.RefObject<HTMLInputElement>;
   currencyValue?: ReactNode;
   placeholder?: string;
-  inputProps?: Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "placeholder" | "onChange">;
+  inputProps?: Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "placeholder" | "onChange"> & InputProps;
   isWarning?: boolean;
   decimals?: number;
   unit?: string;

packages/uikit/src/components/Button/StyledButton.tsx

@@ -1,4 +1,4 @@
-import styled, { DefaultTheme } from "styled-components";
+import styled, { DefaultTheme, css } from "styled-components";
 import { space, layout, variant } from "styled-system";
 import { scaleVariants, styleVariants } from "./theme";
 import { BaseButtonProps } from "./types";
@@ -44,6 +44,7 @@ const getOpacity = ({ $isLoading = false }: TransientButtonProps) => {
 };
 
 const StyledButton = styled.button<BaseButtonProps>`
+  position: relative;
   align-items: center;
   border: 0;
   border-radius: 16px;
@@ -80,6 +81,28 @@ const StyledButton = styled.button<BaseButtonProps>`
   })}
   ${layout}
   ${space}
+  ${({ decorator, theme }) =>
+    decorator &&
+    css`
+      &::before {
+        content: "${decorator.text}";
+        position: absolute;
+        border-bottom: 20px solid ${decorator.backgroundColor ?? theme.colors.secondary};
+        border-left: 34px solid transparent;
+        border-right: 12px solid transparent;
+        height: 0;
+        top: -1px;
+        right: -12px;
+        width: 75px;
+        text-align: center;
+        padding-right: 30px;
+        line-height: 20px;
+        font-size: 12px;
+        font-weight: 400;
+        transform: rotate(31.17deg);
+        color: ${decorator.color ?? "white"};
+      }
+    `}
 `;
 
 export default StyledButton;

packages/uikit/src/components/Button/index.stories.tsx

@@ -50,9 +50,12 @@ export const Default: React.FC = () => {
         <Button mr="8px" disabled>
           Disabled
         </Button>
-        <Button variant="secondary" disabled>
+        <Button variant="secondary" mr="8px" disabled>
           Disabled
         </Button>
+        <Button disabled p="0 45px" decorator={{ text: "Soon" }}>
+          Locked
+        </Button>
       </Box>
     </>
   );

packages/uikit/src/components/Button/types.ts

@@ -31,6 +31,12 @@ export interface BaseButtonProps extends LayoutProps, SpaceProps {
   disabled?: boolean;
   startIcon?: ReactNode;
   endIcon?: ReactNode;
+  decorator?: {
+    backgroundColor?: string;
+    color?: string;
+    text: string;
+    direction?: "left" | "right";
+  };
 }
 
 export type ButtonProps<P extends ElementType = "button"> = PolymorphicComponentProps<P, BaseButtonProps>;

packages/uikit/src/components/Card/CardRibbon.tsx

@@ -61,7 +61,7 @@ const CardRibbon: React.FC<CardRibbonProps> = ({ variantColor, text, ribbonPosit
 };
 
 CardRibbon.defaultProps = {
-  /* eslint-disable react/default-props-match-prop-types */
+  // eslint-disable-next-line react/default-props-match-prop-types
   ribbonPosition: "right",
 };
 

packages/uikit/src/components/Dropdown/Dropdown.tsx

@@ -54,5 +54,9 @@ const Dropdown: React.FC<DropdownProps> = ({ target, position = "bottom", childr
     </Container>
   );
 };
+Dropdown.defaultProps = {
+  // eslint-disable-next-line react/default-props-match-prop-types
+  position: "bottom",
+};
 
 export default Dropdown;

packages/uikit/src/components/FallingBunnies/FallingBunnies.tsx

@@ -72,6 +72,7 @@ const FallingBunnies: React.FC<FallingBunniesProps> = ({
   duration = 10,
 }) => {
   const bunnies = [...Array(count)].map((_, index) => (
+    // eslint-disable-next-line react/no-array-index-key
     <Bunny key={String(index)} position={Math.random() * 100} iterations={iterations} duration={duration}>
       <BunnyIcon width={size} height={size} />
     </Bunny>

packages/uikit/src/components/Link/Link.tsx

@@ -18,6 +18,7 @@ const Link: React.FC<LinkProps> = ({ external, ...props }) => {
   return <StyledLink as="a" bold {...internalProps} {...props} />;
 };
 
+/* eslint-disable react/default-props-match-prop-types */
 Link.defaultProps = {
   color: "primary",
 };

packages/uikit/src/components/Message/Message.tsx

@@ -16,7 +16,6 @@ const Icons = {
 };
 
 const MessageContainer = styled.div<MessageProps>`
-  display: flex;
   background-color: gray;
   padding: 16px;
   border-radius: 16px;
@@ -28,6 +27,10 @@ const MessageContainer = styled.div<MessageProps>`
   })}
 `;
 
+const Flex = styled.div`
+  display: flex;
+`;
+
 const colors = {
   // these color names should be place in the theme once the palette is finalized
   warning: "#D67E0A",
@@ -44,13 +47,17 @@ export const MessageText: React.FC<TextProps> = ({ children, ...props }) => {
   );
 };
 
-const Message: React.FC<MessageProps> = ({ children, variant, icon, ...props }) => {
+const Message: React.FC<MessageProps> = ({ children, variant, icon, action, actionInline, ...props }) => {
   const Icon = Icons[variant];
   return (
     <MessageContext.Provider value={{ variant }}>
       <MessageContainer variant={variant} {...props}>
-        <Box mr="12px">{icon ?? <Icon color={variants[variant].borderColor} width="24px" />}</Box>
-        {children}
+        <Flex>
+          <Box mr="12px">{icon ?? <Icon color={variants[variant].borderColor} width="24px" />}</Box>
+          {children}
+          {actionInline && action}
+        </Flex>
+        {!actionInline && action}
       </MessageContainer>
     </MessageContext.Provider>
   );

packages/uikit/src/components/Message/types.ts

@@ -12,4 +12,6 @@ export type Variant = typeof variants[keyof typeof variants];
 export interface MessageProps extends SpaceProps {
   variant: Variant;
   icon?: React.ReactNode;
+  action?: React.ReactNode;
+  actionInline?: boolean;
 }

packages/uikit/src/components/Svg/Icons/Hot.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import Svg from "../Svg";
+import { SvgProps } from "../types";
+
+const Icon: React.FC<SvgProps> = (props) => {
+  return (
+    <Svg width={16} height={16} viewBox="0 0 16 16" fill="none" {...props}>
+      <path
+        d="M11.3933 3.03997C10.9266 2.35331 10.3933 1.71331 9.79329 1.13997C9.55996 0.913306 9.16663 1.12664 9.23329 1.44664C9.35996 2.07331 9.49329 2.89997 9.49329 3.63997C9.49329 5.01331 8.59329 6.12664 7.21996 6.12664C6.19329 6.12664 5.35329 5.50664 4.98663 4.61997C4.91996 4.48664 4.89329 4.40664 4.85329 4.25997C4.77996 3.97997 4.41329 3.89331 4.25329 4.13997C4.13329 4.31997 4.01996 4.49997 3.91329 4.69331C3.11996 6.05331 2.66663 7.63997 2.66663 9.33331C2.66663 12.28 5.05329 14.6666 7.99996 14.6666C10.9466 14.6666 13.3333 12.28 13.3333 9.33331C13.3333 7.00664 12.6133 4.84664 11.3933 3.03997ZM7.80663 12.6666C6.61996 12.6666 5.65996 11.7333 5.65996 10.5733C5.65996 9.49331 6.35996 8.73331 7.53329 8.49331C8.51329 8.29331 9.51996 7.87331 10.22 7.21331C10.4066 7.03997 10.7133 7.11997 10.7666 7.36664C10.92 8.04664 11 8.75331 11 9.46664C11.0066 11.2333 9.57329 12.6666 7.80663 12.6666Z"
+        fill="currentColor"
+      />
+    </Svg>
+  );
+};
+
+export default Icon;

packages/uikit/src/components/Svg/Icons/Lock.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import Svg from "../Svg";
+import { SvgProps } from "../types";
+
+const Icon: React.FC<SvgProps> = (props) => {
+  return (
+    <Svg width={16} height={16} viewBox="0 0 16 16" fill="none" {...props}>
+      <path
+        d="M7.99996 11.3334C8.73329 11.3334 9.33329 10.7334 9.33329 10.0001C9.33329 9.26675 8.73329 8.66675 7.99996 8.66675C7.26663 8.66675 6.66663 9.26675 6.66663 10.0001C6.66663 10.7334 7.26663 11.3334 7.99996 11.3334ZM12 5.33342H11.3333V4.00008C11.3333 2.16008 9.83996 0.666748 7.99996 0.666748C6.15996 0.666748 4.66663 2.16008 4.66663 4.00008V5.33342H3.99996C3.26663 5.33342 2.66663 5.93341 2.66663 6.66675V13.3334C2.66663 14.0667 3.26663 14.6667 3.99996 14.6667H12C12.7333 14.6667 13.3333 14.0667 13.3333 13.3334V6.66675C13.3333 5.93341 12.7333 5.33342 12 5.33342ZM5.93329 4.00008C5.93329 2.86008 6.85996 1.93341 7.99996 1.93341C9.13996 1.93341 10.0666 2.86008 10.0666 4.00008V5.33342H5.93329V4.00008ZM12 13.3334H3.99996V6.66675H12V13.3334Z"
+        fill="currentColor"
+      />
+    </Svg>
+  );
+};
+
+export default Icon;

packages/uikit/src/components/Svg/Icons/Split.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import Svg from "../Svg";
+import { SvgProps } from "../types";
+
+const Icon: React.FC<SvgProps> = (props) => {
+  return (
+    <Svg width={16} height={16} viewBox="0 0 16 16" fill="none" {...props}>
+      <path
+        d="M9.333 2.667l1.527 1.526-1.92 1.92.947.947 1.92-1.92 1.526 1.527v-4h-4zm-2.666 0h-4v4L4.193 5.14l3.14 3.133v5.06h1.334V7.727L5.14 4.193l1.527-1.526z"
+        fill="currentColor"
+      />
+    </Svg>
+  );
+};
+
+export default Icon;

packages/uikit/src/components/Svg/Icons/Unlock.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import Svg from "../Svg";
+import { SvgProps } from "../types";
+
+const Icon: React.FC<SvgProps> = (props) => {
+  return (
+    <Svg width={16} height={16} viewBox="0 0 16 16" fill="none" {...props}>
+      <path
+        d="M8 11.333c.733 0 1.333-.6 1.333-1.333S8.733 8.667 8 8.667s-1.333.6-1.333 1.333.6 1.333 1.333 1.333zm4-6h-.667V4a3.335 3.335 0 00-6.666 0h1.266c0-1.14.927-2.067 2.067-2.067 1.14 0 2.067.927 2.067 2.067v1.333H4c-.733 0-1.333.6-1.333 1.334v6.666c0 .734.6 1.334 1.333 1.334h8c.733 0 1.333-.6 1.333-1.334V6.667c0-.734-.6-1.334-1.333-1.334zm0 8H4V6.667h8v6.666z"
+        fill="currentColor"
+      />
+    </Svg>
+  );
+};
+
+export default Icon;

packages/uikit/src/components/Svg/index.tsx

@@ -1,5 +1,5 @@
-export { default as AccountIcon } from "./Icons/Account";
 export { default as AccountFilledIcon } from "./Icons/AccountFilled";
+export { default as AccountIcon } from "./Icons/Account";
 export { default as AddIcon } from "./Icons/Add";
 export { default as ArrowBackIcon } from "./Icons/ArrowBack";
 export { default as ArrowDownIcon } from "./Icons/ArrowDown";
@@ -8,12 +8,12 @@ export { default as ArrowDropUpIcon } from "./Icons/ArrowDropUp";
 export { default as ArrowFirstIcon } from "./Icons/ArrowFirst";
 export { default as ArrowForwardIcon } from "./Icons/ArrowForward";
 export { default as ArrowLastIcon } from "./Icons/ArrowLast";
-export { default as ArrowUpIcon } from "./Icons/ArrowUp";
 export { default as ArrowUpDownIcon } from "./Icons/ArrowUpDown";
+export { default as ArrowUpIcon } from "./Icons/ArrowUp";
 export { default as AutoRenewIcon } from "./Icons/AutoRenew";
 export { default as BackForwardIcon } from "./Icons/BackForwardIcon";
-export { default as BinanceIcon } from "./Icons/Binance";
 export { default as BinanceChainIcon } from "./Icons/BinanceChain";
+export { default as BinanceIcon } from "./Icons/Binance";
 export { default as BlockIcon } from "./Icons/Block";
 export { default as BnbUsdtPairTokenIcon } from "./Icons/BnbUsdtPairToken";
 export { default as BscScanIcon } from "./Icons/BscScan";
@@ -23,11 +23,11 @@ export { default as CalculateIcon } from "./Icons/Calculate";
 export { default as CameraIcon } from "./Icons/Camera";
 export { default as Cards } from "./Icons/Cards";
 export { default as CardViewIcon } from "./Icons/CardView";
-export { default as ChartIcon } from "./Icons/Chart";
 export { default as ChartDisableIcon } from "./Icons/ChartDisable";
-export { default as CheckmarkIcon } from "./Icons/Checkmark";
-export { default as CheckmarkCircleIcon } from "./Icons/CheckmarkCircle";
+export { default as ChartIcon } from "./Icons/Chart";
 export { default as CheckmarkCircleFillIcon } from "./Icons/CheckmarkCircleFill";
+export { default as CheckmarkCircleIcon } from "./Icons/CheckmarkCircle";
+export { default as CheckmarkIcon } from "./Icons/Checkmark";
 export { default as ChevronDownIcon } from "./Icons/ChevronDown";
 export { default as ChevronLeftIcon } from "./Icons/ChevronLeft";
 export { default as ChevronRightIcon } from "./Icons/ChevronRight";
@@ -37,34 +37,36 @@ export { default as CloseIcon } from "./Icons/Close";
 export { default as CogIcon } from "./Icons/Cog";
 export { default as Coin98Icon } from "./Icons/Coin98";
 export { default as CoinbaseWalletIcon } from "./Icons/CoinbaseWallet";
-export { default as CommunityIcon } from "./Icons/Community";
 export { default as CommunityFilledIcon } from "./Icons/CommunityFilled";
+export { default as CommunityIcon } from "./Icons/Community";
 export { default as CopyIcon } from "./Icons/Copy";
 export { default as CurrencyIcon } from "./Icons/Currency";
 export { default as DiscordIcon } from "./Icons/Discord";
-export { default as EarnIcon } from "./Icons/Earn";
-export { default as EarnFillIcon } from "./Icons/EarnFill";
 export { default as EarnFilledIcon } from "./Icons/EarnFilled";
+export { default as EarnFillIcon } from "./Icons/EarnFill";
+export { default as EarnIcon } from "./Icons/Earn";
 export { default as EllipsisIcon } from "./Icons/Ellipsis";
 export { default as ErrorIcon } from "./Icons/Error";
 export { default as ExpandIcon } from "./Icons/Expand";
 export { default as FarmIcon } from "./Icons/Farm";
 export { default as GithubIcon } from "./Icons/Github";
 export { default as GroupsIcon } from "./Icons/Groups";
-export { default as HamburgerIcon } from "./Icons/Hamburger";
 export { default as HamburgerCloseIcon } from "./Icons/HamburgerClose";
+export { default as HamburgerIcon } from "./Icons/Hamburger";
 export { default as HelpIcon } from "./Icons/Help";
 export { default as HistoryIcon } from "./Icons/History";
 export { default as HomeIcon } from "./Icons/Home";
+export { default as HotIcon } from "./Icons/Hot";
 export { default as IfoIcon } from "./Icons/Ifo";
 export { default as InfoIcon } from "./Icons/Info";
 export { default as InstagramIcon } from "./Icons/Instagram";
-export { default as LanguageIcon } from "./Icons/Language";
 export { default as LanguageCurrencyIcon } from "./Icons/LanguageCurrency";
+export { default as LanguageIcon } from "./Icons/Language";
 export { default as LaurelLeftIcon } from "./Icons/LaurelLeft";
 export { default as LaurelRightIcon } from "./Icons/LaurelRight";
 export { default as LineGraphIcon } from "./Icons/LineGraph";
 export { default as ListViewIcon } from "./Icons/ListView";
+export { default as LockIcon } from "./Icons/Lock";
 export { default as LoginIcon } from "./Icons/Login";
 export { default as LogoIcon } from "./Icons/Logo";
 export { default as LogoRoundIcon } from "./Icons/LogoRound";
@@ -80,12 +82,12 @@ export { default as MediumIcon } from "./Icons/Medium";
 export { default as MetamaskIcon } from "./Icons/Metamask";
 export { default as MinusIcon } from "./Icons/Minus";
 export { default as MoonIcon } from "./Icons/Moon";
-export { default as MoreIcon } from "./Icons/More";
 export { default as MoreHorizontalIcon } from "./Icons/MoreHorizontal";
+export { default as MoreIcon } from "./Icons/More";
 export { default as MoreVerticalIcon } from "./Icons/MoreVertical";
-export { default as NftIcon } from "./Icons/Nft";
-export { default as NftFillIcon } from "./Icons/NftFill";
 export { default as NftFilledIcon } from "./Icons/NftFilled";
+export { default as NftFillIcon } from "./Icons/NftFill";
+export { default as NftIcon } from "./Icons/Nft";
 export { default as NoProfileAvatarIcon } from "./Icons/NoProfileAvatar";
 export { default as OpenNewIcon } from "./Icons/OpenNew";
 export { default as PancakeRoundIcon } from "./Icons/PancakeRound";
@@ -103,20 +105,21 @@ export { default as ProposalIcon } from "./Icons/Proposal";
 export { default as RedditIcon } from "./Icons/Reddit";
 export { default as RefreshIcon } from "./Icons/Refresh";
 export { default as RemoveIcon } from "./Icons/Remove";
-export { default as ResourcesIcon } from "./Icons/Resources";
 export { default as ResourcesFilledIcon } from "./Icons/ResourcesFilled";
+export { default as ResourcesIcon } from "./Icons/Resources";
 export { default as SafePalIcon } from "./Icons/SafePal";
 export { default as SearchIcon } from "./Icons/Search";
 export { default as SellIcon } from "./Icons/Sell";
 export { default as ShareIcon } from "./Icons/Share";
 export { default as ShrinkIcon } from "./Icons/Shrink";
 export { default as SmallDotIcon } from "./Icons/SmallDot";
 export { default as SmartContractIcon } from "./Icons/SmartContract";
+export { default as SplitIcon } from "./Icons/Split";
 export { default as StarFillIcon } from "./Icons/StarFill";
 export { default as StarLineIcon } from "./Icons/StarLine";
 export { default as SunIcon } from "./Icons/Sun";
-export { default as SwapIcon } from "./Icons/Swap";
 export { default as SwapFillIcon } from "./Icons/SwapFill";
+export { default as SwapIcon } from "./Icons/Swap";
 export { default as SwapVertIcon } from "./Icons/SwapVert";
 export { default as SyncAltIcon } from "./Icons/SyncAlt";
 export { default as TeamBattleIcon } from "./Icons/TeamBattle";
@@ -128,25 +131,26 @@ export { default as TicketFillIcon } from "./Icons/TicketFill";
 export { default as TicketRound } from "./Icons/TicketRound";
 export { default as TimerIcon } from "./Icons/Timer";
 export { default as TokenPocketIcon } from "./Icons/TokenPocket";
-export { default as TradeIcon } from "./Icons/Trade";
 export { default as TradeFilledIcon } from "./Icons/TradeFilled";
+export { default as TradeIcon } from "./Icons/Trade";
 export { default as TradingViewIcon } from "./Icons/TradingView";
-export { default as TrophyIcon } from "./Icons/Trophy";
 export { default as TrophyFillIcon } from "./Icons/TrophyFill";
 export { default as TrophyGoldIcon } from "./Icons/TrophyGold";
+export { default as TrophyIcon } from "./Icons/Trophy";
 export { default as TrustWalletIcon } from "./Icons/TrustWallet";
 export { default as TuneIcon } from "./Icons/Tune";
 export { default as TwitterIcon } from "./Icons/Twitter";
+export { default as UnlockIcon } from "./Icons/Unlock";
 export { default as VerifiedIcon } from "./Icons/Verified";
 export { default as VisibilityOff } from "./Icons/VisibilityOff";
 export { default as VisibilityOn } from "./Icons/VisibilityOn";
 export { default as VolumeOffIcon } from "./Icons/VolumeOff";
 export { default as VolumeUpIcon } from "./Icons/VolumeUp";
 export { default as VoteIcon } from "./Icons/Vote";
 export { default as WaitIcon } from "./Icons/Wait";
-export { default as WalletIcon } from "./Icons/Wallet";
 export { default as WalletConnectIcon } from "./Icons/WalletConnect";
 export { default as WalletFilledIcon } from "./Icons/WalletFilled";
+export { default as WalletIcon } from "./Icons/Wallet";
 export { default as WarningIcon } from "./Icons/Warning";
 export { default as Svg } from "./Svg";
 export type { SvgProps } from "./types";

packages/uikit/src/components/Tag/Tag.tsx

@@ -16,6 +16,7 @@ const Tag: React.FC<TagProps> = ({ startIcon, endIcon, children, ...props }) =>
   </StyledTag>
 );
 
+/* eslint-disable react/default-props-match-prop-types */
 Tag.defaultProps = {
   variant: "primary",
   scale: scales.MD,