From 598b9b973fa42ec942245c19f10309c5521117f1 Mon Sep 17 00:00:00 2001 From: nick134 Date: Fri, 18 Aug 2023 20:56:11 +0200 Subject: [PATCH] chore: merge recent commits --- components/InfoTooltip.tsx | 2 +- components/Pages/Liquidity/DepositForm.tsx | 11 +-- components/Pages/Liquidity/Multiplicator.tsx | 2 +- components/Pages/Pools/MyPoolsTable.tsx | 73 ++++++++++---------- 4 files changed, 38 insertions(+), 50 deletions(-) diff --git a/components/InfoTooltip.tsx b/components/InfoTooltip.tsx index 96ee3146..01f9345b 100644 --- a/components/InfoTooltip.tsx +++ b/components/InfoTooltip.tsx @@ -30,7 +30,7 @@ export const IncentiveTooltip = ({ IconSize }) => ( ) diff --git a/components/Pages/Liquidity/DepositForm.tsx b/components/Pages/Liquidity/DepositForm.tsx index 2e0fc454..609d3507 100644 --- a/components/Pages/Liquidity/DepositForm.tsx +++ b/components/Pages/Liquidity/DepositForm.tsx @@ -127,13 +127,6 @@ const DepositForm = ({ // eslint-disable-next-line react-hooks/exhaustive-deps }, [tx?.txStep]) - const errorButtonMessage = () => { - if (tx?.error) { - if (tx.error.includes('sentFunds: invalid coins')) { - return 'Insufficient Funds' - } - } - } const buttonLabel = useMemo(() => { if (connected !== WalletStatusType.connected) { @@ -144,9 +137,7 @@ const DepositForm = ({ return 'Enter Amount' } else if (tx?.buttonLabel) { return tx?.buttonLabel - } else if (errorButtonMessage()) { - return errorButtonMessage() - } + } return 'Deposit' }, [tx?.buttonLabel, tokenB.tokenSymbol, connected, amountA]) diff --git a/components/Pages/Liquidity/Multiplicator.tsx b/components/Pages/Liquidity/Multiplicator.tsx index 2c1806e5..9f1f2f49 100644 --- a/components/Pages/Liquidity/Multiplicator.tsx +++ b/components/Pages/Liquidity/Multiplicator.tsx @@ -15,7 +15,7 @@ const incentiveDisclaimer = (incentivized) => { ) diff --git a/components/Pages/Pools/MyPoolsTable.tsx b/components/Pages/Pools/MyPoolsTable.tsx index 0c70d3d1..3916d4b5 100644 --- a/components/Pages/Pools/MyPoolsTable.tsx +++ b/components/Pages/Pools/MyPoolsTable.tsx @@ -9,90 +9,89 @@ import { Tfoot, Th, Thead, - Tr, + Tr } from '@chakra-ui/react' import { createColumnHelper, flexRender, getCoreRowModel, - useReactTable, + useReactTable } from '@tanstack/react-table' +import { IncentiveTooltip } from '../../InfoTooltip' import Loader from '../../Loader' import Apr from './components/Apr' +import Liquidity from './components/liquidity' import PoolName from './components/PoolName' import { Pool } from './types' -import { IncentiveTooltip } from '../../InfoTooltip' -import Liquidity from './components/liquidity' const columnHelper = createColumnHelper() const columns = [ columnHelper.accessor('pool', { - header: () => Pool, - cell: (info) => ( + 'header': () => Pool, + 'cell': (info) => ( - ), + ) }), columnHelper.accessor('price', { - header: () => ( + 'header': () => ( {'RATIO'} ), - cell: (info) => {info.getValue()}, + 'cell': (info) => {info.getValue()} }), columnHelper.accessor('apr', { - header: () => ( + 'header': () => ( {'APR'} ), - cell: (info) => - info.getValue() === 'n/a' ? ( - {info.getValue()} - ) : ( - - ), + 'cell': (info) => (info.getValue() === 'n/a' ? ( + {info.getValue()} + ) : ( + + )) }), columnHelper.accessor('volume24hr', { - header: () => ( + 'header': () => ( {'24hr Volume'} ), - cell: (info) => {info.getValue()}, + 'cell': (info) => {info.getValue()} }), columnHelper.accessor('totalLiq', { - header: () => ( + 'header': () => ( {'Total Liquidity'} ), - cell: (info) => ( + 'cell': (info) => ( - ), + ) }), columnHelper.accessor('myPosition', { - header: () => ( + 'header': () => ( {'My Position'} ), - cell: (info) => ${info.getValue()}, + 'cell': (info) => ${info.getValue()} }), columnHelper.accessor('incentives', { - header: () => ( + 'header': () => ( @@ -100,22 +99,22 @@ const columns = [ ), - cell: (info) => info.getValue(), + 'cell': (info) => info.getValue() }), columnHelper.accessor('action', { - header: () => ( + 'header': () => ( Action ), - cell: (info) => info.getValue(), - }), + 'cell': (info) => info.getValue() + }) ] const PoolsTable = ({ show, pools, - isLoading, + isLoading }: { show: boolean pools: Pool[] @@ -125,9 +124,9 @@ const PoolsTable = ({ return null } const table = useReactTable({ - data: pools, + 'data': pools, columns, - getCoreRowModel: getCoreRowModel(), + 'getCoreRowModel': getCoreRowModel() }) if (isLoading || !pools) { @@ -200,10 +199,8 @@ const PoolsTable = ({ > {header.isPlaceholder ? null - : flexRender( - header.column.columnDef.header, - header.getContext() - )} + : flexRender(header.column.columnDef.header, + header.getContext())} ))}