Quote Post Dialog Block

A dialog component for quoting Lens Posts, allowing users to add their own commentary while sharing the original post.

Quoting this post on testnet.

Installation

Usage

import { LensQuoteDialog, QuoteDialogRef } from "@/components/lens-quote-dialog";
import { LensPostProvider } from "@/lib/lens-post-provider";
import { postId, useSessionClient } from "@lens-protocol/react";
import { useWalletClient } from "wagmi";

const session = useSessionClient();
const wallet = useWalletClient();

const post = postId("SOME_POST_ID");
const quoteDialog = useRef<QuoteDialogRef>(null);

<LensPostProvider postId={post} session={session} wallet={wallet}>
  <button onClick={quoteDialog.current?.open}>Quote</button>
  <LensQuoteDialog ref={quoteDialog} />
</LensPostProvider>

Post Tip Dialog