From 4f97064e469f01462cf3c93efd7cb482149f447e Mon Sep 17 00:00:00 2001
From: saml33 <slam.uke@gmail.com>
Date: Sun, 29 Jan 2023 21:05:32 +1100
Subject: [PATCH] fix console warning

---
 components/account/AccountActions.tsx | 92 ++++++++++++---------------
 1 file changed, 42 insertions(+), 50 deletions(-)

diff --git a/components/account/AccountActions.tsx b/components/account/AccountActions.tsx
index 980bc13b..4c2a5562 100644
--- a/components/account/AccountActions.tsx
+++ b/components/account/AccountActions.tsx
@@ -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 ? (