From e91cc93f8afaef63b90ccb23a1cbf66aea0f3631 Mon Sep 17 00:00:00 2001 From: Phoebe Lartisant Date: Wed, 29 May 2024 18:15:03 +0200 Subject: [PATCH 1/3] Resize icons --- src/components/Icons/Svg/ChainIcons/Bsc.tsx | 8 +- .../Icons/Svg/ChainIcons/BscBridged.tsx | 6 +- src/components/Icons/Svg/ChainIcons/Eth.tsx | 6 +- .../Icons/Svg/ChainIcons/EthBridged.tsx | 8 +- .../Icons/Svg/ChainIcons/Sepolia.tsx | 30 +++--- .../Icons/Svg/ChainIcons/SepoliaBridged.tsx | 30 +++--- src/components/Icons/Svg/FT/BNB.tsx | 6 +- src/components/Icons/Svg/FT/DAI.tsx | 36 +++---- src/components/Icons/Svg/FT/USDC.tsx | 24 ++--- src/components/Icons/Svg/FT/WETH.tsx | 100 ++++++++---------- src/components/Icons/Svg/FT/tokenIcons.tsx | 2 +- 11 files changed, 124 insertions(+), 132 deletions(-) diff --git a/src/components/Icons/Svg/ChainIcons/Bsc.tsx b/src/components/Icons/Svg/ChainIcons/Bsc.tsx index 0dc39f91..e234d106 100644 --- a/src/components/Icons/Svg/ChainIcons/Bsc.tsx +++ b/src/components/Icons/Svg/ChainIcons/Bsc.tsx @@ -9,9 +9,9 @@ export function Bsc(props: SVGProps) { const { size, ...rest } = props; return ( - + - + - + - + - + - + - - - - - - - + + + + + + + + ); } diff --git a/src/components/Icons/Svg/FT/USDC.tsx b/src/components/Icons/Svg/FT/USDC.tsx index b9b5cdc2..5043ee05 100644 --- a/src/components/Icons/Svg/FT/USDC.tsx +++ b/src/components/Icons/Svg/FT/USDC.tsx @@ -8,35 +8,35 @@ export function USDC(props: SVGProps) { const { size, ...rest } = props; return ( - - + + - - + + - - + + diff --git a/src/components/Icons/Svg/FT/WETH.tsx b/src/components/Icons/Svg/FT/WETH.tsx index b29ff40a..dd00dd52 100644 --- a/src/components/Icons/Svg/FT/WETH.tsx +++ b/src/components/Icons/Svg/FT/WETH.tsx @@ -8,64 +8,56 @@ export function WETH(props: SVGProps) { const { size, ...rest } = props; return ( - - - - - - - - - - - + + + + + + + + + + + + + + + ); } diff --git a/src/components/Icons/Svg/FT/tokenIcons.tsx b/src/components/Icons/Svg/FT/tokenIcons.tsx index d471d128..bbb4e6a3 100644 --- a/src/components/Icons/Svg/FT/tokenIcons.tsx +++ b/src/components/Icons/Svg/FT/tokenIcons.tsx @@ -22,7 +22,7 @@ export function createBridgedFt( return (
From 26504ee0ed9d191f02b45d279ace9a9c11bad633 Mon Sep 17 00:00:00 2001 From: Phoebe Lartisant Date: Thu, 30 May 2024 11:14:47 +0200 Subject: [PATCH 2/3] fix WMAS and FT1 svg size --- src/components/Icons/Svg/FT/FT1.tsx | 15 +++--- src/components/Icons/Svg/FT/WMAS.tsx | 69 +++++++++++++--------------- 2 files changed, 41 insertions(+), 43 deletions(-) diff --git a/src/components/Icons/Svg/FT/FT1.tsx b/src/components/Icons/Svg/FT/FT1.tsx index 24ee909b..75c33d6d 100644 --- a/src/components/Icons/Svg/FT/FT1.tsx +++ b/src/components/Icons/Svg/FT/FT1.tsx @@ -3,28 +3,29 @@ import React, { ComponentPropsWithoutRef } from 'react'; import { SVGProps } from './svgInterface'; +/* eslint-disable max-len */ export function FT1(props: SVGProps) { const { size, ...rest } = props; return ( - + diff --git a/src/components/Icons/Svg/FT/WMAS.tsx b/src/components/Icons/Svg/FT/WMAS.tsx index 6f59246a..d0c42f19 100644 --- a/src/components/Icons/Svg/FT/WMAS.tsx +++ b/src/components/Icons/Svg/FT/WMAS.tsx @@ -3,53 +3,50 @@ import React from 'react'; import { SVGProps } from './svgInterface'; +/* eslint-disable max-len */ export function WMAS(props: SVGProps) { const { size, ...rest } = props; return ( - - - - + + + + + + + + + + + ); } From 01c15ee47d9ffa60effa77943c4e0b143dd6c0ca Mon Sep 17 00:00:00 2001 From: Phoebe Lartisant Date: Thu, 30 May 2024 11:15:20 +0200 Subject: [PATCH 3/3] fix missing key prop --- .../Icons/Svg/FT/FTIcons.stories.tsx | 91 +++++++++---------- 1 file changed, 45 insertions(+), 46 deletions(-) diff --git a/src/components/Icons/Svg/FT/FTIcons.stories.tsx b/src/components/Icons/Svg/FT/FTIcons.stories.tsx index 04920084..80ba8e1a 100644 --- a/src/components/Icons/Svg/FT/FTIcons.stories.tsx +++ b/src/components/Icons/Svg/FT/FTIcons.stories.tsx @@ -65,66 +65,65 @@ export const _FT = {

Mapping native token

-
-
- {symbolList.map((symbol: string) => { - return getAssetIcons(symbol); - })} -
+ +
+ {symbolList.map((symbol: string, index: number) => { + return
{getAssetIcons(symbol)}
; + })}

Mapping bsc token list

-
-
- {bscSymbolList.map((symbol: string) => { - return getAssetIcons(symbol, bsc.id); - })} -
-
-

Mapping eth token list

-
-
- {ethSymbolList.map((symbol: string) => { - return getAssetIcons(symbol, mainnet.id); - })} -
+
+ {bscSymbolList.map((symbol: string, index: number) => { + return
{getAssetIcons(symbol, bsc.id)}
; + })}
-

Mapping sepolia token list

-
-
- {ethSymbolList.map((symbol: string) => { - return getAssetIcons(symbol, sepolia.id); - })} -
+

Mapping bridged bsc token list

+ +
+ {bscSymbolList.map((symbol: string, index: number) => { + return ( +
{getAssetIcons(symbol, bsc.id, false)}
+ ); + })}
-

Mapping bridged bsc token list

-
-
- {bscSymbolList.map((symbol: string) => { - return getAssetIcons(symbol, bsc.id, false); - })} -
+

Mapping eth token list

+ +
+ {ethSymbolList.map((symbol: string, index) => { + return
{getAssetIcons(symbol, mainnet.id)}
; + })}

Mapping bridged eth token list

-
-
- {ethSymbolList.map((symbol: string) => { - return getAssetIcons(symbol, mainnet.id, false); - })} -
+ +
+ {ethSymbolList.map((symbol: string, index: number) => { + return ( +
{getAssetIcons(symbol, mainnet.id, false)}
+ ); + })} +
+ +

Mapping sepolia token list

+ +
+ {ethSymbolList.map((symbol: string, index: number) => { + return
{getAssetIcons(symbol, sepolia.id)}
; + })}

Mapping bridged sepolia token list

-
-
- {ethSymbolList.map((symbol: string) => { - return getAssetIcons(symbol, sepolia.id, false); - })} -
+ +
+ {ethSymbolList.map((symbol: string, index: number) => { + return ( +
{getAssetIcons(symbol, sepolia.id, false)}
+ ); + })}