import { useContext } from 'react'

import { SolanaWalletAdapterState } from '../../core/interfaces'
import { SolanaConnectorContext } from './context'

export function useSolanaConnector() {
  const { setVisible, setConnectionPromise } = useSolanaConnectorContext()

  function connect() {
    const promise = new Promise<SolanaWalletAdapterState>((resolve, reject) => {
      setConnectionPromise({ resolve, reject })
    })

    setVisible(true)

    return promise
  }

  return { connect }
}

export function useSolanaConnectorContext() {
  const { visible, setVisible, connectionPromise, setConnectionPromise } =
    useContext(SolanaConnectorContext)

  return { visible, setVisible, connectionPromise, setConnectionPromise }
}