> ## Documentation Index
> Fetch the complete documentation index at: https://docs.sequence.xyz/llms.txt
> Use this file to discover all available pages before exploring further.

# useOpenWalletModal

> ウォレットインベントリモーダルを開くためのフック

## インポート

```tsx theme={null}
import { useOpenWalletModal } from '@0xsequence/wallet-widget'
```

## 使い方

```tsx theme={null}
import './App.css'
import { useOpenWalletModal } from '@0xsequence/wallet-widget'

function App() {

  // Get the function to open/close the wallet modal
  const { setOpenWalletModal } = useOpenWalletModal()

  // Function to handle opening the wallet inventory home page
  const openWalletWidget = () => {
    setOpenWalletModal(true) // Open the wallet modal to view tokens
  }

  // Function to handle opening the wallet inventory swap page
  const openWalletWidgetSwapPage = () => {
    setOpenWalletModal(true, { defaultNavigation: { location: 'swap' } }) // Open the wallet modal to view tokens
  }

  return (
    <div>
      <button
        onClick={openWalletWidget}
        title="Wallet Widget"
      >
        Open Wallet Widget Home Page
      </button>

      <button
        onClick={openWalletWidgetSwapPage}
        title="Wallet Widget"
      >
        Open Wallet Widget Swap Page
      </button>
    </div>
   
  )
}

export default App
```

## 返却型：`UseOpenWalletModalReturnType`

このフックは以下のプロパティを持つオブジェクトを返します。

```tsx theme={null}
type UseOpenWalletModalReturnType = {
  setOpenWalletModal: (isOpen: boolean, options?: WalletOptions) => void
  openWalletModalState: boolean
}
```

### プロパティ

#### setOpenWalletModal

`(isOpen: boolean, options?: WalletOptions) => void`

ウォレットモーダルを開閉する関数です。

**パラメータ：**

| パラメータ     | 型               | 説明                                  |
| --------- | --------------- | ----------------------------------- |
| `isOpen`  | `boolean`       | モーダルが開いているか（`true`）、閉じているか（`false`） |
| `options` | `WalletOptions` | Walletモーダルのオプション設定（任意）              |

```tsx theme={null}
interface WalletOptions {
  defaultNavigation?: Navigation
}

type Navigation =
  | BasicNavigation
  | CoinDetailsNavigation
  | CollectibleDetailsNavigation
  | CollectionDetailsNavigation
  | TransactionDetailsNavigation
  | SendCoinNavigation
  | SendCollectibleNavigation
  | SwapCoinNavigation
  | SwapCoinListNavigation
```

#### openWalletModalState

`boolean`

ウォレットモーダルの現在の開閉状態（開いていれば`true`、閉じていれば`false`）

## 補足

このフックは、ユーザーが自身のトークンやNFTを閲覧できるウォレットインベントリモーダルの制御メソッドを提供します。ウォレットモーダルでは、接続中のウォレット内のすべてのトークン、NFT、コレクティブルが表示されます。