diff --git a/tinlake-ui/components/Overview/index.tsx b/tinlake-ui/components/Overview/index.tsx index bf7f456c87..808a070077 100644 --- a/tinlake-ui/components/Overview/index.tsx +++ b/tinlake-ui/components/Overview/index.tsx @@ -22,7 +22,7 @@ const Overview: React.FC = (props: Props) => { {!isUpcoming && ( <> - + )} diff --git a/tinlake-ui/components/PoolTitle/index.tsx b/tinlake-ui/components/PoolTitle/index.tsx index 2a2920fe73..e21223b0a9 100644 --- a/tinlake-ui/components/PoolTitle/index.tsx +++ b/tinlake-ui/components/PoolTitle/index.tsx @@ -1,6 +1,10 @@ +import BN from 'bn.js' import * as React from 'react' +import { useSelector } from 'react-redux' import styled from 'styled-components' import { Pool, UpcomingPool } from '../../config' +import { PoolState } from '../../ducks/pool' +import { Label } from '../PoolList/styles' interface Props { pool: Pool | UpcomingPool @@ -8,6 +12,9 @@ interface Props { } const PoolTitle: React.FC = (props: Props) => { + const pool = useSelector((state) => state.pool) + const isOversubscribed = (pool?.data && new BN(pool?.data.maxReserve).lte(new BN(pool?.data.reserve))) || false + return ( = (props: Props) => { {props.page} {props.pool.metadata.name} + + {props.pool.isUpcoming ? ( + + ) : ( + isOversubscribed && + )} + ) } @@ -54,3 +68,8 @@ const PoolName = styled.h2` margin: 0; color: #979797; ` + +const PoolLabel = styled.div` + margin-top: 4px; + margin-left: 8px; +` diff --git a/tinlake-ui/containers/Investment/View/TrancheOverview.tsx b/tinlake-ui/containers/Investment/View/TrancheOverview.tsx index 4ba29ef6b2..429bf07121 100644 --- a/tinlake-ui/containers/Investment/View/TrancheOverview.tsx +++ b/tinlake-ui/containers/Investment/View/TrancheOverview.tsx @@ -208,7 +208,7 @@ const TrancheOverview: React.FC = (props: Props) => { {card === 'redeem' && } {trancheData?.token && trancheData.token.length > 0 && trancheData.token.length < 7 && ( - Add {trancheData?.token} to your wallet + Display {trancheData?.token} in your wallet )} )} diff --git a/tinlake-ui/containers/Loan/Overview/MaxReserveForm.tsx b/tinlake-ui/containers/Loan/Overview/MaxReserveForm.tsx index 02a8ff3eb4..515af53a52 100644 --- a/tinlake-ui/containers/Loan/Overview/MaxReserveForm.tsx +++ b/tinlake-ui/containers/Loan/Overview/MaxReserveForm.tsx @@ -58,7 +58,7 @@ const MaxReserveForm: React.FC = (props: Props) => { onClick={() => props.setShowMaxReserveForm(false)} disabled={status === 'pending' || status === 'unconfirmed'} /> -