125 lines
3.9 KiB
TypeScript
125 lines
3.9 KiB
TypeScript
import { ModalProps } from '../../types/modal'
|
|
import Modal from '../shared/Modal'
|
|
import mangoStore from '@store/mangoStore'
|
|
import { notify } from '../../utils/notifications'
|
|
import Button, { LinkButton } from '../shared/Button'
|
|
import { useTranslation } from 'next-i18next'
|
|
import { ChangeEvent, useState } from 'react'
|
|
import Input from '../forms/Input'
|
|
import Label from '../forms/Label'
|
|
import { PublicKey } from '@solana/web3.js'
|
|
import useMangoAccount from 'hooks/useMangoAccount'
|
|
import { abbreviateAddress } from 'utils/formatting'
|
|
import InlineNotification from '@components/shared/InlineNotification'
|
|
|
|
export const DEFAULT_DELEGATE = '11111111111111111111111111111111'
|
|
|
|
const DelegateModal = ({ isOpen, onClose }: ModalProps) => {
|
|
const { t } = useTranslation('common')
|
|
const { mangoAccount } = useMangoAccount()
|
|
|
|
const [delegateAddress, setDelegateAddress] = useState(
|
|
mangoAccount?.delegate?.toString() !== DEFAULT_DELEGATE
|
|
? mangoAccount!.delegate.toString()
|
|
: ''
|
|
)
|
|
|
|
const handleDelegateAccount = async (address: string) => {
|
|
const client = mangoStore.getState().client
|
|
const group = mangoStore.getState().group
|
|
const actions = mangoStore.getState().actions
|
|
if (!mangoAccount || !group) return
|
|
|
|
if (address && address !== '' && !PublicKey.isOnCurve(address)) {
|
|
notify({
|
|
type: 'error',
|
|
title: 'Invalid delegate address',
|
|
description: 'Check the public key of your delegate wallet is correct',
|
|
})
|
|
}
|
|
|
|
try {
|
|
const tx = await client.editMangoAccount(
|
|
group,
|
|
mangoAccount,
|
|
undefined,
|
|
delegateAddress ? new PublicKey(address) : undefined
|
|
)
|
|
onClose()
|
|
notify({
|
|
title:
|
|
address !== DEFAULT_DELEGATE
|
|
? t('delegate-account-info', {
|
|
address: abbreviateAddress(new PublicKey(address)),
|
|
})
|
|
: 'Account delegation removed',
|
|
type: 'success',
|
|
txid: tx,
|
|
})
|
|
await actions.reloadMangoAccount()
|
|
} catch (e: any) {
|
|
notify({
|
|
title: t('account-update-failed'),
|
|
txid: e?.txid,
|
|
type: 'error',
|
|
})
|
|
console.error(e)
|
|
}
|
|
}
|
|
|
|
return (
|
|
<Modal isOpen={isOpen} onClose={onClose}>
|
|
<div className="h-80">
|
|
<div className="flex h-full flex-col justify-between">
|
|
<div className="pb-4">
|
|
<h2 className="mb-1">{t('delegate-account')}</h2>
|
|
<p className="mb-4">{t('delegate-desc')}</p>
|
|
{mangoAccount &&
|
|
mangoAccount.delegate.toString() !== DEFAULT_DELEGATE ? (
|
|
<div className="mb-4">
|
|
<InlineNotification
|
|
type="info"
|
|
desc={`Account is delegated to ${abbreviateAddress(
|
|
mangoAccount.delegate
|
|
)}`}
|
|
/>
|
|
</div>
|
|
) : null}
|
|
<Label text={t('wallet-address')} />
|
|
<Input
|
|
type="text"
|
|
name="address"
|
|
id="address"
|
|
value={delegateAddress}
|
|
onChange={(e: ChangeEvent<HTMLInputElement>) =>
|
|
setDelegateAddress(e.target.value)
|
|
}
|
|
/>
|
|
</div>
|
|
<div className="flex flex-col items-center">
|
|
<Button
|
|
className="w-full"
|
|
onClick={() => handleDelegateAccount(delegateAddress)}
|
|
size="large"
|
|
>
|
|
{mangoAccount?.delegate.toString() !== DEFAULT_DELEGATE
|
|
? t('update-delegate')
|
|
: t('delegate')}
|
|
</Button>
|
|
{mangoAccount?.delegate.toString() !== DEFAULT_DELEGATE ? (
|
|
<LinkButton
|
|
className="mt-4"
|
|
onClick={() => handleDelegateAccount(DEFAULT_DELEGATE)}
|
|
>
|
|
{t('remove-delegate')}
|
|
</LinkButton>
|
|
) : null}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</Modal>
|
|
)
|
|
}
|
|
|
|
export default DelegateModal
|