PostCard

Display individual social media posts with author info, content, media, and interaction buttons for on-chain social experiences

🔧

Live preview would be rendered here

Component: PostCard

Install component

npm

$npm install bigblocks

import { PostCard } from 'bigblocks';

export default function PostDisplay({ post }) {
  const handleReply = (post) => {
    console.log('Replying to post:', post.txid);
    // Open reply composer
  };

  const handleShare = (post) => {
    console.log('Sharing post:', post.txid);
    // Open share dialog
  };

  const handleUserClick = (identity) => {
    console.log('Viewing user:', identity.idKey);
    // Navigate to user profile
  };

  return (
    <PostCard
      post={post}
      onReply={handleReply}
      onShare={handleShare}
      onUserClick={handleUserClick}
    />
  );
}