From 545cdfc388a97c1480d3626db632580e830f7c39 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Sim=C3=A3o?= Date: Wed, 26 Apr 2023 16:29:39 +0100 Subject: [PATCH 1/6] fix(Pools): make 7 day volume available for my pools (#1156) --- src/components/PoolsTable/PoolsTable.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/components/PoolsTable/PoolsTable.tsx b/src/components/PoolsTable/PoolsTable.tsx index fadc759cd2..0136e54e6b 100644 --- a/src/components/PoolsTable/PoolsTable.tsx +++ b/src/components/PoolsTable/PoolsTable.tsx @@ -48,12 +48,13 @@ const PoolsTable = ({ variant, pools, onRowAction, title }: PoolsTableProps): JS const commonColumns = [ { name: t('amm.pools.pool_name'), uid: PoolsTableColumns.POOL_NAME }, { name: t('apr'), uid: PoolsTableColumns.APR }, - { name: t('total_liquidity'), uid: PoolsTableColumns.TOTAL_LIQUIDITY } + { name: t('total_liquidity'), uid: PoolsTableColumns.TOTAL_LIQUIDITY }, + { name: t('7_day_volume'), uid: PoolsTableColumns.SEVEN_DAY_VOLUME } ]; const borrowAssetsColumns = isAccountPools ? [...commonColumns, { name: t('my_liquidity'), uid: PoolsTableColumns.ACCOUNT_LIQUIDITY }] - : [...commonColumns, { name: t('7_day_volume'), uid: PoolsTableColumns.SEVEN_DAY_VOLUME }]; + : commonColumns; const rows: PoolsTableRow[] = useMemo( () => @@ -73,7 +74,7 @@ const PoolsTable = ({ variant, pools, onRowAction, title }: PoolsTableProps): JS const total7DayVolumeUSD = getDexTotalVolumeUSD(pooledCurrencies.map((pooled) => pooled.currency.ticker)); const total7DayVolumeLabel = formatUSD(total7DayVolumeUSD, { compact: true }); - const sevenDayVolume = isAccountPools ? null : ( + const sevenDayVolume = ( ); From 36878c71cf0d2164fbbfb8ccc3776c2035987780 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Sim=C3=A3o?= Date: Thu, 27 Apr 2023 09:56:33 +0100 Subject: [PATCH 2/6] fix(TokenInput): ticker state (#1158) --- src/component-library/TokenInput/TokenInput.tsx | 16 +++++++++------- 1 file changed, 9 insertions(+), 7 deletions(-) diff --git a/src/component-library/TokenInput/TokenInput.tsx b/src/component-library/TokenInput/TokenInput.tsx index f697a34a6e..ef8c54bb08 100644 --- a/src/component-library/TokenInput/TokenInput.tsx +++ b/src/component-library/TokenInput/TokenInput.tsx @@ -37,7 +37,7 @@ const TokenInput = forwardRef( balanceLabel, isDisabled, label, - ticker, + ticker: tickerProp, style, hidden, className, @@ -53,7 +53,9 @@ const TokenInput = forwardRef( ): JSX.Element => { const inputRef = useDOMRef(ref); - const [selectValue, setSelectValue] = useState((selectProps?.defaultValue as string) || ''); + const [ticker, setTicker] = useState( + (selectProps?.defaultValue as string) || (typeof tickerProp === 'string' ? tickerProp : tickerProp?.text) || '' + ); const { labelProps, fieldProps } = useLabel({ label, ...props }); @@ -62,7 +64,7 @@ const TokenInput = forwardRef( useEffect(() => { if (selectProps?.value === undefined) return; - setSelectValue(selectProps.value as string); + setTicker(selectProps.value as string); }, [selectProps?.value]); const handleClickBalance = () => { @@ -74,7 +76,7 @@ const TokenInput = forwardRef( const handleTokenChange = (ticker: Key) => { onChangeTicker?.(ticker as string); - setSelectValue(ticker as string); + setTicker(ticker as string); }; // Prioritise Number Input description and error message @@ -85,7 +87,7 @@ const TokenInput = forwardRef( const endAdornment = selectProps ? ( (