mango-v4-ui/components/account/HideMangoAccount.tsx

import {
  toggleMangoAccountHidden,
  useMangoAccountHidden,
} from 'hooks/useMangoAccountHidden'
import { useWallet } from '@solana/wallet-adapter-react'
import useMangoAccount from 'hooks/useMangoAccount'
import Switch from '@components/forms/Switch'
import { useState } from 'react'
import Loading from '@components/shared/Loading'

const HideMangoAccount = () => {
  const { publicKey, signMessage } = useWallet()
  const { mangoAccountPk } = useMangoAccount()
  const { accountHidden, refetch } = useMangoAccountHidden()
  const [signingForHide, setSigningForHide] = useState(false)

  const handleHideMangoAccount = async () => {
    if (!publicKey || !mangoAccountPk || !signMessage) return
    setSigningForHide(true)
    try {
      await toggleMangoAccountHidden(
        mangoAccountPk,
        publicKey,
        !(accountHidden ?? false),
        signMessage,
      )
      refetch()
      setSigningForHide(false)
    } catch (e) {
      console.error('Error toggling account visibility', e)
      setSigningForHide(false)
    }
  }

  return (
    <>
      <div className="flex items-center justify-between border-t border-th-bkg-3 p-4">
        <p className="">Hide Mango Account From Search</p>
        {signingForHide ? (
          <Loading />
        ) : (
          <Switch
            checked={accountHidden ?? false}
            onChange={handleHideMangoAccount}
          />
        )}
      </div>
    </>
  )
}

export default HideMangoAccount