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

fix console warning

This commit is contained in:
saml33 2023-01-29 21:05:32 +11:00
parent 1288f6f659
commit 4f97064e46
1 changed files with 42 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

92
components/account/AccountActions.tsx
View File

@ -21,7 +21,7 @@ import useMangoAccount from 'hooks/useMangoAccount'
import BorrowRepayModal from '@components/modals/BorrowRepayModal'
import { useWallet } from '@solana/wallet-adapter-react'
import CreateAccountModal from '@components/modals/CreateAccountModal'
import { Menu, Transition } from '@headlessui/react'
import { Popover, Transition } from '@headlessui/react'
import ActionsLinkButton from './ActionsLinkButton'
export const handleCopyAddress = (
@ -75,10 +75,10 @@ const AccountActions = () => {
<ArrowUpLeftIcon className="mr-2 h-5 w-5" />
{t('borrow')}
</Button>
<Menu>
<Popover>
{({ open }) => (
<div className="relative w-1/3 md:w-auto">
<Menu.Button
<Popover.Button
className={`default-transition w-full focus:outline-none`}
as="div"
>
@ -89,7 +89,7 @@ const AccountActions = () => {
<WrenchIcon className="mr-2 h-4 w-4" />
{t('actions')}
</Button>
</Menu.Button>
</Popover.Button>
<Transition
appear={true}
show={open}
@ -101,55 +101,47 @@ const AccountActions = () => {
leaveFrom="opacity-100"
leaveTo="opacity-0"
>
<Menu.Items className="absolute right-0 top-10 mt-1 space-y-1.5 rounded-md bg-th-bkg-2 px-4 py-2.5">
<Menu.Item>
<ActionsLinkButton
mangoAccount={mangoAccount!}
onClick={() =>
handleCopyAddress(
mangoAccount!,
t('copy-address-success', {
pk: abbreviateAddress(mangoAccount!.publicKey),
})
)
}
>
<DocumentDuplicateIcon className="h-4 w-4" />
<span className="ml-2">{t('copy-address')}</span>
</ActionsLinkButton>
</Menu.Item>
<Menu.Item>
<ActionsLinkButton
mangoAccount={mangoAccount!}
onClick={() => setShowEditAccountModal(true)}
>
<PencilIcon className="h-4 w-4" />
<span className="ml-2">{t('edit-account')}</span>
</ActionsLinkButton>
</Menu.Item>
<Menu.Item>
<ActionsLinkButton
mangoAccount={mangoAccount!}
onClick={() => setShowDelegateModal(true)}
>
<UserPlusIcon className="h-4 w-4" />
<span className="ml-2">{t('delegate-account')}</span>
</ActionsLinkButton>
</Menu.Item>
<Menu.Item>
<ActionsLinkButton
mangoAccount={mangoAccount!}
onClick={() => setShowCloseAccountModal(true)}
>
<TrashIcon className="h-4 w-4" />
<span className="ml-2">{t('close-account')}</span>
</ActionsLinkButton>
</Menu.Item>
</Menu.Items>
<Popover.Panel className="absolute right-0 top-10 mt-1 space-y-1.5 rounded-md bg-th-bkg-2 px-4 py-2.5">
<ActionsLinkButton
mangoAccount={mangoAccount!}
onClick={() =>
handleCopyAddress(
mangoAccount!,
t('copy-address-success', {
pk: abbreviateAddress(mangoAccount!.publicKey),
})
)
}
>
<DocumentDuplicateIcon className="h-4 w-4" />
<span className="ml-2">{t('copy-address')}</span>
</ActionsLinkButton>
<ActionsLinkButton
mangoAccount={mangoAccount!}
onClick={() => setShowEditAccountModal(true)}
>
<PencilIcon className="h-4 w-4" />
<span className="ml-2">{t('edit-account')}</span>
</ActionsLinkButton>
<ActionsLinkButton
mangoAccount={mangoAccount!}
onClick={() => setShowDelegateModal(true)}
>
<UserPlusIcon className="h-4 w-4" />
<span className="ml-2">{t('delegate-account')}</span>
</ActionsLinkButton>
<ActionsLinkButton
mangoAccount={mangoAccount!}
onClick={() => setShowCloseAccountModal(true)}
>
<TrashIcon className="h-4 w-4" />
<span className="ml-2">{t('close-account')}</span>
</ActionsLinkButton>
</Popover.Panel>
</Transition>
</div>
)}
</Menu>
</Popover>
</div>
)}
{showCloseAccountModal ? (