Sign Messages with Solana Libraries

import { useParaSolanaKit } from './hooks/useParaSolanaKit';
import { getUtf8Encoder } from '@solana/codecs-strings';
import bs58 from 'bs58';

function SignMessage() {
  const { signer } = useParaSolanaKit();

  const signMessage = async () => {
    if (!signer) return;

    const message = "Hello, Solana!";
    const messageBytes = new Uint8Array(getUtf8Encoder().encode(message));

    const signatureResult = await signer.signMessages([
      { content: messageBytes, signatures: {} }
    ]);

    const signatureBytes = signatureResult[0][signer.address];
    const signatureBase58 = bs58.encode(signatureBytes);

    return { message, signature: signatureBase58, signer: signer.address };
  };

  return <button onClick={signMessage}>Sign Message</button>;
}

import { useParaAnchor } from './hooks/useParaAnchor';
import { useParaSolana } from './hooks/useParaSolana';
import bs58 from 'bs58';

function SignMessage() {
  const provider = useParaAnchor();
  const { signer } = useParaSolana();

  const signMessage = async () => {
    if (!signer) {
      console.error("No signer available. Connect wallet first.");
      return;
    }

    const message = "Hello, Anchor!";
    const messageBytes = new TextEncoder().encode(message);

    const signature = await signer.signBytes(Buffer.from(messageBytes));
    const signatureBase58 = bs58.encode(signature);

    console.log("Message:", message);
    console.log("Signature:", signatureBase58);
    console.log("Signer:", provider.wallet.publicKey.toString());
  };

  return <button onClick={signMessage}>Sign Message</button>;
}