Using the useEmbarky Hook

Once you've wrapped your app with the EmbarkyProvider, you can now use the Embarky SDK throughout your components and pages via the useEmbarky hook!

Example:

import React from 'react'
import { useEmbarky } from '@embarky/react'

export default function Home() {
  const {
    login,
    authenticated,
    userAccount,
    logout,
    linkWallet,
    unlinkWallet,
    linkGoogle,
    unlinkGoogle,
  } = useEmbarky()

  const { wallets, socials } = userAccount

  if (!authenticated) {
    return (
      <button onClick={login}>login</button>
    )
  }

  return (
    <div>
      <button onClick={logout}>logout</button>
      <button onClick={linkWallet}>linkWallet</button>
      <button onClick={linkGoogle}>linkGoogle</button>
    </div>
  )
}