diff --git a/src/components/pages/Profile/History/PoolShares.module.css b/src/components/pages/Profile/History/PoolShares.module.css index 9cd00bbe6..4dcf96482 100644 --- a/src/components/pages/Profile/History/PoolShares.module.css +++ b/src/components/pages/Profile/History/PoolShares.module.css @@ -30,31 +30,31 @@ } } -.yourLiquidity { +.userLiquidity { display: flex; flex-direction: column; align-items: flex-end; } -.yourLiquidity [class*='Conversion-module--'] { +.userLiquidity [class*='Conversion-module--'] { margin-bottom: calc(var(--spacer) / 8); } -.yourLiquidity [class*='Conversion-module--'] strong { +.userLiquidity [class*='Conversion-module--'] strong { font-size: var(--font-size-base); } -.yourLiquidity [class*='Token-module--token'] { +.userLiquidity [class*='Token-module--token'] { display: flex; align-items: center; justify-content: flex-end; margin-bottom: calc(var(--spacer) / 8); } -.yourLiquidity [class*='Token-module--token'] div { +.userLiquidity [class*='Token-module--token'] div { font-size: var(--font-size-small); } -.yourLiquidity [class*='Token-module--icon'] { +.userLiquidity [class*='Token-module--icon'] { display: none; } diff --git a/src/components/pages/Profile/History/PoolShares.tsx b/src/components/pages/Profile/History/PoolShares.tsx index c943ce847..58e70f4a8 100644 --- a/src/components/pages/Profile/History/PoolShares.tsx +++ b/src/components/pages/Profile/History/PoolShares.tsx @@ -1,4 +1,4 @@ -import React, { ReactElement, useEffect, useState } from 'react' +import React, { ReactElement, useCallback, useEffect, useState } from 'react' import Table from '../../../atoms/Table' import Conversion from '../../../atoms/Price/Conversion' import styles from './PoolShares.module.css' @@ -102,7 +102,7 @@ function Liquidity({ row, type }: { row: Asset; type: string }) { dataTokenBalance = row.poolShare.poolId.datatokenReserve.toString() } return ( -