DimensionDev · guanbinrui · Jan 5, 2022 · Jan 4, 2022 · Jan 4, 2022 · Jan 4, 2022
diff --git a/package.json b/package.json
@@ -52,7 +52,7 @@
   "devDependencies": {
     "@commitlint/cli": "^16.0.0",
     "@commitlint/config-conventional": "^16.0.0",
-    "@dimensiondev/eslint-plugin": "^0.0.1-20211222115249-7984aa5",
+    "@dimensiondev/eslint-plugin": "^0.0.1-20220104011158-0905fa1",
     "@dimensiondev/patch-package": "^6.5.0",
     "@jest/globals": "^27.4.4",
     "@magic-works/i18n-codegen": "^0.0.6",

diff --git a/packages/.eslintrc.json b/packages/.eslintrc.json
@@ -29,6 +29,7 @@
         "import/no-deprecated": "warn",
         "no-cond-assign": "error",
         "no-constant-condition": "error",
+        "no-duplicate-imports": "off",
         "no-script-url": "error",
         "no-throw-literal": "error",
         "no-unmodified-loop-condition": "error",

diff --git a/packages/mask/src/components/shared/ApplicationBoard.tsx b/packages/mask/src/components/shared/ApplicationBoard.tsx
@@ -345,7 +345,7 @@ export function ApplicationBoard({ secondEntries, secondEntryChainTabs }: MaskAp
                                     walletRequired && !selectedWallet ? classes.disabled : '',
                                 )}
                                 onClick={onClick}
-                                key={i.toString()}>
+                                key={i}>
                                 <img src={img} className={classes.applicationImg} />
                                 <Typography className={classes.title} color="textPrimary">
                                     {title}

diff --git a/packages/mask/src/plugins/GoodGhosting/UI/TimelineView.tsx b/packages/mask/src/plugins/GoodGhosting/UI/TimelineView.tsx
@@ -89,7 +89,7 @@ export function TimelineView(props: TimelineViewProps) {
             <Grid container className={classes.timeline}>
                 <Grid item className={classes.timelinePadding} />
                 {timeline.map((timelineEvent, index) => (
-                    <Grid item className={classes.timelineCells} key={`timeline-${timelineEvent.date.toString()}`}>
+                    <Grid item className={classes.timelineCells} key={index}>
                         <div className={classes.timelineEvent}>
                             <Typography variant="caption" color="textSecondary" className={classes.text}>
                                 {timelineEvent.eventOnDate}

diff --git a/packages/mask/src/plugins/ITO/SNSAdaptor/NftAirdropCard.tsx b/packages/mask/src/plugins/ITO/SNSAdaptor/NftAirdropCard.tsx
@@ -225,15 +225,15 @@ export function NftAirdropCard(props: NftAirdropCardProps) {
             <div className={classes.claimParent}>
                 {campaignInfos.map((v, i) => {
                     return v.claimableInfo.claimable ? (
-                        <div key={i.toString()}>
+                        <div key={i}>
                             <ClaimItem campaignInfo={v.campaignInfo} claimed={v.claimableInfo.claimed} retry={retry} />
                         </div>
                     ) : null
                 })}
             </div>
             <Typography className={classes.text}>
                 {t('plugin_ito_total_claimable_count')}
-                {`${claimableCount} ${claimableCount > 1 ? 'items' : 'item'}`},
+                {claimableCount} {claimableCount > 1 ? 'items' : 'item'}`
             </Typography>
 
             <Typography className={classes.subText}>{t('plugin_airdrop_nft_check_address')}</Typography>

diff --git a/packages/mask/src/plugins/RedPacket/SNSAdaptor/RedPacketERC721Form.tsx b/packages/mask/src/plugins/RedPacket/SNSAdaptor/RedPacketERC721Form.tsx
@@ -311,7 +311,7 @@ export function RedPacketERC721Form(props: RedPacketERC721FormProps) {
                     <div className={classes.tokenSelectorParent}>
                         <List className={classes.tokenSelector}>
                             {existTokenDetailedList.map((value, i) => (
-                                <ListItem key={i.toString()} className={classNames(classes.tokenSelectorWrapper)}>
+                                <ListItem key={i} className={classNames(classes.tokenSelectorWrapper)}>
                                     <NftImage
                                         token={value}
                                         classes={{

diff --git a/packages/mask/src/plugins/RedPacket/SNSAdaptor/RedpacketNftConfirmDialog.tsx b/packages/mask/src/plugins/RedPacket/SNSAdaptor/RedpacketNftConfirmDialog.tsx
@@ -287,7 +287,7 @@ export function RedpacketNftConfirmDialog(props: RedpacketNftConfirmDialogProps)
                     <Grid item xs={12}>
                         <List className={classes.tokenSelector}>
                             {tokenList.map((value, i) => (
-                                <ListItem key={i.toString()} className={classNames(classes.tokenSelectorWrapper)}>
+                                <ListItem key={i} className={classNames(classes.tokenSelectorWrapper)}>
                                     <NftImage
                                         token={value}
                                         classes={{

diff --git a/packages/mask/src/plugins/RedPacket/SNSAdaptor/SelectNftTokenDialog.tsx b/packages/mask/src/plugins/RedPacket/SNSAdaptor/SelectNftTokenDialog.tsx
@@ -444,8 +444,8 @@ export function SelectNftTokenDialog(props: SelectNftTokenDialogProps) {
                 tokenIdList: (
                     <span>
                         {nonExistedTokenIdList.map((id, i) => (
-                            <span key={i.toString()}>
-                                <span className={classes.tokenId}>{' #' + id}</span>
+                            <span key={i}>
+                                <span className={classes.tokenId}> #{id}</span>
                                 {i < nonExistedTokenIdList.length - 1 ? ', ' : ' '}
                             </span>
                         ))}
@@ -640,7 +640,7 @@ export function SelectNftTokenDialog(props: SelectNftTokenDialogProps) {
                                                             ? classes.hide
                                                             : '',
                                                     )}
-                                                    key={i.toString()}>
+                                                    key={i}>
                                                     <NftImage
                                                         token={token}
                                                         classes={{

diff --git a/packages/mask/src/plugins/Snapshot/SNSAdaptor/InformationCard.tsx b/packages/mask/src/plugins/Snapshot/SNSAdaptor/InformationCard.tsx
@@ -79,7 +79,7 @@ export function InformationCard(props: InformationCardProps) {
                             .filter((strategy) => Boolean(strategy.params.address))
                             .map((strategy, i) => (
                                 <Link
-                                    key={i.toString()}
+                                    key={i}
                                     className={classes.link}
                                     target="_blank"
                                     rel="noopener"

diff --git a/packages/mask/src/plugins/Snapshot/SNSAdaptor/ResultCard.tsx b/packages/mask/src/plugins/Snapshot/SNSAdaptor/ResultCard.tsx
@@ -101,7 +101,7 @@ function Content() {
             title={proposal.isEnd ? t('plugin_snapshot_result_title') : t('plugin_snapshot_current_result_title')}>
             <List className={classes.list}>
                 {results.map((result, i) => (
-                    <ListItem className={classes.listItem} key={i.toString()}>
+                    <ListItem className={classes.listItem} key={i}>
                         <Box className={classes.listItemHeader}>
                             <ShadowRootTooltip
                                 PopperProps={{

diff --git a/packages/mask/src/plugins/Wallet/SNSAdaptor/SelectNftContractDialog.tsx b/packages/mask/src/plugins/Wallet/SNSAdaptor/SelectNftContractDialog.tsx
@@ -236,8 +236,8 @@ function SearchResultBox(props: SearchResultBoxProps) {
             ) : (
                 <List>
                     {(keyword === '' ? contractList : searchedTokenList).map((contract, i) => (
-                        <div key={i.toString()}>
-                            <ContractListItem key={i.toString()} onSubmit={onSubmit} contract={contract} />
+                        <div key={i}>
+                            <ContractListItem onSubmit={onSubmit} contract={contract} />
                         </div>
                     ))}
                 </List>

diff --git a/packages/mask/src/social-network-adaptor/twitter.com/injection/ToolboxHint_UI.tsx b/packages/mask/src/social-network-adaptor/twitter.com/injection/ToolboxHint_UI.tsx
@@ -14,7 +14,7 @@ const ListItem = styled(ListItemButton)`
     display: inline-flex;
     &:hover {
         background: rgba(15, 20, 25, 0.1);
-        ${({ theme }) => (theme.palette.mode === 'dark' ? `background: rgba(217, 217, 217, 0.1);` : '')}
+        ${({ theme }) => (theme.palette.mode === 'dark' ? 'background: rgba(217, 217, 217, 0.1);' : '')}
     }
     /* twitter break point */
     @media screen and (max-width: ${twitterBreakPoint}px) {

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml