diff --git a/liquidity/ui/src/components/Synths/SynthRow.tsx b/liquidity/ui/src/components/Synths/SynthRow.tsx index 7482ac36..c35a4939 100644 --- a/liquidity/ui/src/components/Synths/SynthRow.tsx +++ b/liquidity/ui/src/components/Synths/SynthRow.tsx @@ -5,12 +5,14 @@ import Wei from '@synthetixio/wei'; import React from 'react'; export function SynthRow({ - symbol, - name, + synth, balance, }: { - symbol: string; - name: string; + synth: { + address: string; + symbol: string; + name: string; + }; balance: Wei; }) { return ( @@ -18,7 +20,7 @@ export function SynthRow({ - + - {symbol} + {synth.symbol} - {name} + {synth.name} diff --git a/liquidity/ui/src/components/Synths/Synths.tsx b/liquidity/ui/src/components/Synths/Synths.tsx index 9a4b1576..5d36c3af 100644 --- a/liquidity/ui/src/components/Synths/Synths.tsx +++ b/liquidity/ui/src/components/Synths/Synths.tsx @@ -12,7 +12,6 @@ import { Thead, Tr, } from '@chakra-ui/react'; -import { tokenOverrides } from '@snx-v3/constants'; import { Tooltip } from '@snx-v3/Tooltip'; import { useSynthBalances } from '@snx-v3/useSynthBalances'; import { useUnwrapAllSynths } from '@snx-v3/useUnwrapAllSynths'; @@ -30,14 +29,8 @@ export function Synths() { return; } return synthBalances - .map(({ synth, balance }) => ({ - balance, - symbol: synth.token ? synth.token.symbol : synth.symbol, - name: synth.token ? synth.token.name : synth.name, - ...tokenOverrides[synth.token ? synth.token.address : synth.address], - })) .filter(({ balance }) => balance.gt(0)) - .sort((a, b) => a.symbol.localeCompare(b.symbol)) + .sort((a, b) => a.synth.symbol.localeCompare(b.synth.symbol)) .sort((a, b) => b.balance.toNumber() - a.balance.toNumber()); }, [synthBalances]); @@ -114,12 +107,12 @@ export function Synths() { ) : null} {filteredSynths - ? filteredSynths.map(({ symbol, name, balance }, i) => ( + ? filteredSynths.map(({ synth, balance }, i) => ( - + )) : null}