blockworks-foundation
/
mango-token-sale
mirror of https://github.com/blockworks-foundation/mango-token-sale.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

small changes

This commit is contained in:
Maximilian Schneider 2021-07-07 00:35:53 +02:00
parent 2e41146592
commit af07391a53
2 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/Button.tsx
View File

@ -54,7 +54,7 @@ const Button: FunctionComponent<ButtonProps> = ({
<StyledButton
onClick={onClick}
disabled={disabled}
className={`${className} bg-gradient-to-br from-secondary-1-light via-secondary-1-dark to-secondary-2-light relative z-10 default-transition px-6 py-2 rounded-lg text-fgd-1 hover:bg-bkg-3 focus:outline-none disabled:cursor-not-allowed`}
className={`${className} bg-gradient-to-br from-secondary-1-light via-secondary-1-dark to-secondary-2-light relative z-10 default-transition px-6 py-2 rounded-lg text-fgd-1 hover:bg-bkg-3 focus:outline-none disabled:cursor-not-allowed disabled:opacity-60`}
secondary={secondary}
{...props}
>

25
components/ContributionModal.tsx
View File

@ -34,6 +34,9 @@ const ContributionModal = () => {
const usdcBalance = largestAccounts.usdc?.balance || 0
const redeemableBalance = largestAccounts.redeemable?.balance || 0
const totalBalance = usdcBalance + redeemableBalance
// const mangoRedeemable = vaults.usdc
// ? (redeemableBalance * vaults.mango.balance) / vaults.usdc.balance
// : 0
const [walletAmount, setWalletAmount] = useState(0)
const [contributionAmount, setContributionAmount] = useState(0)
@ -78,16 +81,16 @@ const ContributionModal = () => {
setContributionAmount(amount)
if (endDeposits.isBefore() && amount > redeemableBalance) {
setErrorMessage('Deposits ended, contribution can not increase')
setTimeout(() => setErrorMessage(null), 5000)
setTimeout(() => setErrorMessage(null), 4000)
}
}
const onChangeSlider = (percentage) => {
let newContribution = Math.round(percentage * totalBalance) / 100
if (endDeposits.isBefore()) {
newContribution = Math.min(newContribution, redeemableBalance)
if (endDeposits.isBefore() && newContribution > redeemableBalance) {
newContribution = redeemableBalance
setErrorMessage('Deposits ended, contribution can not increase')
setTimeout(() => setErrorMessage(null), 5000)
setTimeout(() => setErrorMessage(null), 4000)
}
setWalletAmount(totalBalance - newContribution)
@ -132,6 +135,10 @@ const ContributionModal = () => {
const disableFormInputs = submitted || !connected || loading
const dontAddMore =
endDeposits.isBefore() && contributionAmount > redeemableBalance
const disableSubmit = disableFormInputs || walletAmount < 0 || dontAddMore
const renderCountdown = ({ hours, minutes, seconds, completed }) => {
const now = new Date().getTime() / 1000
const message =
@ -268,7 +275,7 @@ const ContributionModal = () => {
!submitted ? 'opacity-100' : 'opacity-30'
} transiton-all duration-1000`}
>
<div className="pb-8">
<div className="pb-12">
<Slider
disabled={disableFormInputs}
value={(100 * contributionAmount) / totalBalance}
@ -277,7 +284,7 @@ const ContributionModal = () => {
maxButtonTransition={maxButtonTransition}
/>
</div>
<div className="h-12">
<div className="h-12 pb-4">
{errorMessage && (
<div className="flex items-center pt-1.5 text-secondary-2-light">
<ExclamationCircleIcon className="h-4 w-4 mr-1.5" />
@ -288,10 +295,12 @@ const ContributionModal = () => {
<Button
onClick={() => handleSetContribution()}
className="w-full py-2.5"
disabled={disableFormInputs || walletAmount < 0}
disabled={disableSubmit}
>
<div className={`flex items-center justify-center`}>
Set Contribution
{dontAddMore
? 'Sorry you can’t add anymore 🥲'
: 'Set Contribution'}
</div>
</Button>
</div>