Using custom wallet adapter

In some cases you might want to use a custom wallet adapter instead of @solana/wallet-adapter-react Here's how you can do it:

'use client';

import '@dialectlabs/react-ui/index.css';

import {
  DialectSolanaSdk,
  Environment,
} from '@dialectlabs/react-sdk-blockchain-solana';
import {
  Icons,
  NotificationTypeStyles,
  NotificationsButton,
  ThemeType,
} from '@dialectlabs/react-ui';
import { useWallet } from '@solana/wallet-adapter-react';

const DAPP_ADDRESS = '...'

export const DialectSolanaNotificationsButton = () => {
  const wallet = useWallet(); // as an example we'll use solana wallet adapter
  
  const walletAdapter: DialectSolanaWalletAdapter = useMemo(
    () => ({
      publicKey: wallet.publicKey, // PublicKey | null
      signMessage: wallet.signMessage, // (msg: Uint8Array) => Promise<Uint8Array>
      signTransaction: wallet.signTransaction,// <T extends Transaction | VersionedTransaction>(tx: T) => Promise<T>
    }),
    [wallet],
  );

  return (
    <DialectSolanaSdk
      dappAddress={DAPP_ADDRESS}
      // if you pass customWalletAdapter property, it'll use it instead of wallet context
      customWalletAdapter={walletAdapter}
    >
      <NotificationsButton theme={props.theme} />
    </DialectSolanaSdk>
  );
};