{"version":3,"file":"UserBookAvatars-daUHzlRh.js","sources":["../../../app/javascript/components/userBook/UserBookAvatars.tsx"],"sourcesContent":["import faCommentDots from \"icons/solid/comment-dots.svg\";\nimport faStar from \"icons/solid/star.svg\";\nimport Icon from \"hardcover-ui/components/Icon\";\nimport Text from \"hardcover-ui/components/Text\";\nimport Avatar from \"hardcover-ui/components/Avatar\";\nimport { Link } from \"@inertiajs/react\";\nimport LocaleNumber from \"../ui/LocaleNumber\";\nimport { BookSerializersBookByline, PageSerializersBooksLayout, UserBookSerializersUserBookByline } from \"types/serializers\";\n\nexport function UserBookAvatar({\n  userBook,\n  book,\n  showRating = true\n}: {\n  userBook: UserBookSerializersUserBookByline;\n  book: BookSerializersBookByline;\n  showRating?: boolean;\n}) {\n  let link = `/books/${book.slug}/reviews`;\n  if (userBook.user.username) {\n    link = userBook.hasReview\n      ? `/books/${book.slug}/reviews/@${userBook.user.username}`\n      : `/@${userBook.user.username}`;\n  }\n\n  return (\n    <Link\n      href={userBook.user.username ? link : `/books/${book.slug}/reviews`}\n      className=\"relative flex-col text-center py-3 px-2 rounded-lg hover:bg-gray-200 dark:hover:bg-gray-900\"\n      data-tooltip-id=\"tooltip\"\n      data-tooltip-content={\n        userBook.user.username ? `@${userBook.user.username}` : \"\"\n      }\n    >\n      {userBook.hasReview && (\n        <Icon\n          icon={faCommentDots}\n          size=\"xs\"\n          className=\"absolute right-0 top-1 fill-gray-400 dark:fill-gray-300 w-3 h-3\"\n        />\n      )}\n      <Avatar\n        image={userBook.user.image}\n        size=\"sm\"\n        alt={`@${userBook.user.username}`}\n      />\n      {showRating && userBook.rating > 0 && (\n        <Text variant=\"secondary\" size=\"sm\" className=\"font-semibold\">\n          <LocaleNumber number={userBook.rating} />\n          <Icon icon={faStar} className=\"fill-yellow-500\" size=\"sm\" />\n        </Text>\n      )}\n    </Link>\n  );\n}\n\nexport default function UserBookAvatars({\n  userBooks,\n  book,\n}: {\n  userBooks: UserBookSerializersUserBookByline[];\n  book: PageSerializersBooksLayout;\n}) {\n  return (\n    <div className=\"flex flex-row flex-wrap\">\n      {userBooks.map((userBook) => (\n        <UserBookAvatar\n          userBook={userBook}\n          book={book}\n          key={`user-book-avatar-${userBook.userId}-${userBook.bookId}-${userBook.statusId}`}\n        />\n      ))}\n    </div>\n  );\n}\n"],"names":["UserBookAvatar","userBook","book","showRating","link","jsxs","Link","jsx","Icon","faCommentDots","Avatar","Text","LocaleNumber","faStar","UserBookAvatars","userBooks"],"mappings":"gRASO,SAASA,EAAe,CAC7B,SAAAC,EACA,KAAAC,EACA,WAAAC,EAAa,EACf,EAIG,CACG,IAAAC,EAAO,UAAUF,EAAK,IAAI,WAC1B,OAAAD,EAAS,KAAK,WAChBG,EAAOH,EAAS,UACZ,UAAUC,EAAK,IAAI,aAAaD,EAAS,KAAK,QAAQ,GACtD,KAAKA,EAAS,KAAK,QAAQ,IAI/BI,EAAA,KAACC,EAAA,CACC,KAAML,EAAS,KAAK,SAAWG,EAAO,UAAUF,EAAK,IAAI,WACzD,UAAU,8FACV,kBAAgB,UAChB,uBACED,EAAS,KAAK,SAAW,IAAIA,EAAS,KAAK,QAAQ,GAAK,GAGzD,SAAA,CAAAA,EAAS,WACRM,EAAA,IAACC,EAAA,CACC,KAAMC,EACN,KAAK,KACL,UAAU,iEAAA,CACZ,EAEFF,EAAA,IAACG,EAAA,CACC,MAAOT,EAAS,KAAK,MACrB,KAAK,KACL,IAAK,IAAIA,EAAS,KAAK,QAAQ,EAAA,CACjC,EACCE,GAAcF,EAAS,OAAS,GAC/BI,EAAAA,KAACM,EAAK,CAAA,QAAQ,YAAY,KAAK,KAAK,UAAU,gBAC5C,SAAA,CAACJ,EAAAA,IAAAK,EAAA,CAAa,OAAQX,EAAS,MAAQ,CAAA,QACtCO,EAAK,CAAA,KAAMK,EAAQ,UAAU,kBAAkB,KAAK,KAAK,CAAA,EAC5D,CAAA,CAAA,CAAA,CAIR,CAEA,SAAwBC,EAAgB,CACtC,UAAAC,EACA,KAAAb,CACF,EAGG,CACD,aACG,MAAI,CAAA,UAAU,0BACZ,SAAUa,EAAA,IAAKd,GACdM,EAAA,IAACP,EAAA,CACC,SAAAC,EACA,KAAAC,CAAA,EACK,oBAAoBD,EAAS,MAAM,IAAIA,EAAS,MAAM,IAAIA,EAAS,QAAQ,EAEnF,CAAA,CACH,CAAA,CAEJ"}