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}
|