20 lines
719 B
TypeScript
20 lines
719 B
TypeScript
import { Bank } from '@blockworks-foundation/mango-v4'
|
|
import { useTranslation } from 'react-i18next'
|
|
import { TOKEN_REDUCE_ONLY_OPTIONS } from 'utils/constants'
|
|
|
|
const TokenReduceOnlyDesc = ({ bank }: { bank: Bank | undefined }) => {
|
|
const { t } = useTranslation('trade')
|
|
const tokenReduceState = bank?.reduceOnly
|
|
return tokenReduceState === TOKEN_REDUCE_ONLY_OPTIONS.DISABLED ? null : (
|
|
<span className="whitespace-nowrap text-xxs">
|
|
{tokenReduceState === TOKEN_REDUCE_ONLY_OPTIONS.ENABLED ? (
|
|
<span className="text-th-warning">{t('reduce-only')}</span>
|
|
) : (
|
|
<span className="text-th-fgd-4">{t('no-borrows')}</span>
|
|
)}
|
|
</span>
|
|
)
|
|
}
|
|
|
|
export default TokenReduceOnlyDesc
|