diff --git a/apps/lend/src/components/PageMarketList/components/TableRowViewContentTable/TableRowMobile.tsx b/apps/lend/src/components/PageMarketList/components/TableRowViewContentTable/TableRowMobile.tsx index dc0193e8..46c722d9 100644 --- a/apps/lend/src/components/PageMarketList/components/TableRowViewContentTable/TableRowMobile.tsx +++ b/apps/lend/src/components/PageMarketList/components/TableRowViewContentTable/TableRowMobile.tsx @@ -118,7 +118,7 @@ const TableRowMobile = ({ {userHaveLoan && } - + handleCellClick()}> Collateral @@ -139,10 +139,10 @@ const TableRowMobile = ({ - handleCellClick(evt.target)}> + {!isHideDetail && ( <> - + handleCellClick(evt.target)}> {content[isBorrow ? 'borrow' : 'supply'].map((details, idx) => { const detailsKey = `details-${idx}` const show = details.some(({ show }) => _showContent(show)) @@ -194,11 +194,11 @@ const TableRowMobile = ({ {isBorrow ? ( - ) : ( - )} diff --git a/apps/lend/src/components/PageMarketList/components/TableRowViewContentTable/index.tsx b/apps/lend/src/components/PageMarketList/components/TableRowViewContentTable/index.tsx index 09b25845..5724c3bb 100644 --- a/apps/lend/src/components/PageMarketList/components/TableRowViewContentTable/index.tsx +++ b/apps/lend/src/components/PageMarketList/components/TableRowViewContentTable/index.tsx @@ -98,25 +98,24 @@ const TableRowViewContentTable = ({ const userActiveKey = helpers.getUserActiveKey(api, owmDataCachedOrApi) const loanExists = loansExistsMapper[userActiveKey]?.loanExists - const handleCellClick = (target: EventTarget) => { - const { nodeName } = target as HTMLElement - if (nodeName !== 'BUTTON') { - // update view - if (filterTypeKey === 'borrow') { - setMarketsStateByKey('marketDetailsView', loanExists ? 'user' : 'market') - } else if (filterTypeKey === 'supply') { - const { gauge = '0', vaultShares = '0' } = marketsBalancesMapper[userActiveKey] ?? {} - const haveSupply = +gauge + +vaultShares > 0 - setMarketsStateByKey('marketDetailsView', haveSupply ? 'user' : 'market') - } - - if (filterTypeKey === 'supply') { - navigate(getVaultPathname(params, owmId, 'deposit')) - } else if (loanExists) { - navigate(getLoanManagePathname(params, owmId, 'loan')) - } else { - navigate(getLoanCreatePathname(params, owmId, 'create')) - } + const handleCellClick = (target?: EventTarget) => { + if (target && (target as HTMLElement).nodeName === 'BUTTON') return + + // update view + if (filterTypeKey === 'borrow') { + setMarketsStateByKey('marketDetailsView', loanExists ? 'user' : 'market') + } else if (filterTypeKey === 'supply') { + const { gauge = '0', vaultShares = '0' } = marketsBalancesMapper[userActiveKey] ?? {} + const haveSupply = +gauge + +vaultShares > 0 + setMarketsStateByKey('marketDetailsView', haveSupply ? 'user' : 'market') + } + + if (filterTypeKey === 'supply') { + navigate(getVaultPathname(params, owmId, 'deposit')) + } else if (loanExists) { + navigate(getLoanManagePathname(params, owmId, 'loan')) + } else { + navigate(getLoanCreatePathname(params, owmId, 'create')) } } diff --git a/apps/lend/src/components/PageMarketList/types.ts b/apps/lend/src/components/PageMarketList/types.ts index e421d2ee..ecccf360 100644 --- a/apps/lend/src/components/PageMarketList/types.ts +++ b/apps/lend/src/components/PageMarketList/types.ts @@ -101,7 +101,7 @@ export type TableRowProps = Pick