ReviewCard

import { useT } from '@iffday/i18n';
import { PosterImage } from '@iffday/web/src/kit';
import { ReviewCard } from '@iffday/web/src/review-card';
import { reviews, useSampleFilm } from '../../../samples';

export default function Example() {
  const t = useT();
  const film = useSampleFilm(0);
  const review = reviews[0]!;
  return (
    <div style={{ width: '100%' }}>
      <ReviewCard
        author={review.authorName}
        authorHandle={review.authorHandle}
        authorSeed={review.authorId}
        date={review.createdAt}
        stars={9}
        title={film.title}
        titleTo={`https://iff.day${film.canonicalPath}`}
        subtitle={film.director}
        poster={<PosterImage entry={film} size="sm" />}
        like={{
          targetType: 'review',
          targetId: review.id,
          likeCount: review.likeCount,
          likedByMe: review.likedByMe,
        }}
        byline={t('review.card.reviewBy')}
      >
        <p className="review-card-text">{review.body}</p>
      </ReviewCard>
    </div>
  );
}