61 lines
1.8 KiB
TypeScript
61 lines
1.8 KiB
TypeScript
import InlineNotification from '@components/shared/InlineNotification'
|
|
import { BN } from '@coral-xyz/anchor'
|
|
import { useWallet } from '@solana/wallet-adapter-react'
|
|
import GovernanceStore from '@store/governanceStore'
|
|
import { useTranslation } from 'next-i18next'
|
|
import {
|
|
MANGO_DAO_WALLET_GOVERNANCE,
|
|
MANGO_MINT_DECIMALS,
|
|
} from 'utils/governance/constants'
|
|
import { fmtTokenAmount } from 'utils/governance/tools'
|
|
import { formatNumericValue } from 'utils/numbers'
|
|
|
|
const OnBoarding = ({ minVotes }: { minVotes?: BN }) => {
|
|
const { connected } = useWallet()
|
|
const { t } = useTranslation(['governance'])
|
|
const governances = GovernanceStore((s) => s.governances)
|
|
const voter = GovernanceStore((s) => s.voter)
|
|
const loadingVoter = GovernanceStore((s) => s.loadingVoter)
|
|
|
|
const minVoterWeight = minVotes
|
|
? minVotes
|
|
: governances
|
|
? new BN(
|
|
governances[
|
|
MANGO_DAO_WALLET_GOVERNANCE.toBase58()
|
|
].account.config.minCommunityTokensToCreateProposal.toString(),
|
|
)
|
|
: new BN(0)
|
|
const mintVoterWeightNumber = governances
|
|
? fmtTokenAmount(minVoterWeight, MANGO_MINT_DECIMALS)
|
|
: 0
|
|
|
|
return voter.voteWeight.cmp(minVoterWeight) !== -1 ||
|
|
!connected ? null : !loadingVoter ? (
|
|
<div className="mb-6">
|
|
<InlineNotification
|
|
type="error"
|
|
title={
|
|
<>
|
|
{t('on-boarding-description', {
|
|
amount: formatNumericValue(mintVoterWeightNumber),
|
|
})}{' '}
|
|
<a
|
|
href="https://dao.mango.markets"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
{t('mango-governance')}
|
|
</a>
|
|
</>
|
|
}
|
|
desc={`${t('on-boarding-deposit-info')} ${t(
|
|
'on-boarding-description-1',
|
|
)}`}
|
|
/>
|
|
</div>
|
|
) : null
|
|
}
|
|
|
|
export default OnBoarding
|