replace starknet text with icon

jediswaplabs · Feb 13, 2024 · fdb7d8d · fdb7d8d
1 parent 88e9608
commit fdb7d8d
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 1 deletion.
diff --git a/src/assets/svg/starknet.svg b/src/assets/svg/starknet.svg
diff --git a/src/components/Web3Status/index.tsx b/src/components/Web3Status/index.tsx
@@ -21,6 +21,7 @@ import { BaseButton, ButtonSecondary, ButtonSize, ThemeButton } from '../Button'
 import { RowBetween } from '../Row'
 import { useStarkName } from '@starknet-react/core'
 import { ChainId } from '@vnaysn/jediswap-sdk-core'
+import StarknetIcon from 'assets/svg/starknet.svg'
 
 const FULL_BORDER_RADIUS = 9999
 
@@ -122,7 +123,10 @@ function Web3StatusInner() {
     return (
       <NetworkContainer>
         <NetworkSelected data-testid="web3-status-connected" onClick={handleWalletDropdownClick}>
-          <Text>Starknet {chainId === ChainId.MAINNET ? 'Mainnet' : 'Goerli'}</Text>
+          <IconWrapper size={20}>
+            <img src={StarknetIcon} alt="Starknet" />
+          </IconWrapper>
+          <Text>{chainId === ChainId.MAINNET ? 'Mainnet' : 'Goerli'}</Text>
         </NetworkSelected>
         <Web3StatusConnected data-testid="web3-status-connected" onClick={handleWalletDropdownClick}>
           <StatusIcon account={address} connection={connector} size={40} />