Tweet Card

Copyimport { TweetCard } from "@/components/tweet-card";
 
export function Quote() {
  return (
    <TweetCard
      name="Lee Robinson"
      handle="leeerob"
      verified
      date="May 21"
      likes={1843}
      retweets={142}
      replies={37}
      href="https://x.com/leeerob/status/123"
    >
      Ship the smallest possible version of your idea today.
    </TweetCard>
  );
}

Copyimport { getTweet } from "react-tweet/api";
 
import { TweetCard } from "@/components/tweet-card";
 
export async function LiveTweet({ id }: { id: string }) {
  const tweet = await getTweet(id);
  if (!tweet) return null;
  return (
    <TweetCard
      name={tweet.user.name}
      handle={tweet.user.screen_name}
      avatarUrl={tweet.user.profile_image_url_https}
      verified={tweet.user.verified}
      date={new Date(tweet.created_at).toLocaleDateString()}
      likes={tweet.favorite_count}
      href={`https://x.com/${tweet.user.screen_name}/status/${tweet.id_str}`}
    >
      {tweet.text}
    </TweetCard>
  );
}

Copy<Marquee>
  {tweets.map((t) => (
    <TweetCard key={t.id} {...t}>
      {t.text}
    </TweetCard>
  ))}
</Marquee>