|
|
|
@ -205,8 +205,10 @@ const RequestItemError = ({
|
|
|
|
|
/>
|
|
|
|
|
),
|
|
|
|
|
user: (
|
|
|
|
|
<Link href={`/users/${requestData.requestedBy.id}`}>
|
|
|
|
|
<a className="group flex items-center truncate">
|
|
|
|
|
<Link
|
|
|
|
|
href={`/users/${requestData.requestedBy.id}`}
|
|
|
|
|
className="group flex items-center truncate"
|
|
|
|
|
>
|
|
|
|
|
<img
|
|
|
|
|
src={requestData.requestedBy.avatar}
|
|
|
|
|
alt=""
|
|
|
|
@ -215,7 +217,6 @@ const RequestItemError = ({
|
|
|
|
|
<span className="truncate text-sm group-hover:underline">
|
|
|
|
|
{requestData.requestedBy.displayName}
|
|
|
|
|
</span>
|
|
|
|
|
</a>
|
|
|
|
|
</Link>
|
|
|
|
|
),
|
|
|
|
|
})}
|
|
|
|
@ -259,8 +260,10 @@ const RequestItemError = ({
|
|
|
|
|
/>
|
|
|
|
|
),
|
|
|
|
|
user: (
|
|
|
|
|
<Link href={`/users/${requestData.modifiedBy.id}`}>
|
|
|
|
|
<a className="group flex items-center truncate">
|
|
|
|
|
<Link
|
|
|
|
|
href={`/users/${requestData.modifiedBy.id}`}
|
|
|
|
|
className="group flex items-center truncate"
|
|
|
|
|
>
|
|
|
|
|
<img
|
|
|
|
|
src={requestData.modifiedBy.avatar}
|
|
|
|
|
alt=""
|
|
|
|
@ -269,7 +272,6 @@ const RequestItemError = ({
|
|
|
|
|
<span className="truncate text-sm group-hover:underline">
|
|
|
|
|
{requestData.modifiedBy.displayName}
|
|
|
|
|
</span>
|
|
|
|
|
</a>
|
|
|
|
|
</Link>
|
|
|
|
|
),
|
|
|
|
|
})}
|
|
|
|
@ -431,8 +433,8 @@ const RequestItem = ({ request, revalidateList }: RequestItemProps) => {
|
|
|
|
|
? `/tv/${requestData.media.tmdbId}`
|
|
|
|
|
: `/music/${requestData.secondaryType}/${requestData.media.mbId}`
|
|
|
|
|
}
|
|
|
|
|
className="relative h-auto w-12 flex-shrink-0 scale-100 transform-gpu overflow-hidden rounded-md transition duration-300 hover:scale-105"
|
|
|
|
|
>
|
|
|
|
|
<a className="relative h-auto w-12 flex-shrink-0 scale-100 transform-gpu overflow-hidden rounded-md transition duration-300 hover:scale-105">
|
|
|
|
|
<CachedImage
|
|
|
|
|
src={
|
|
|
|
|
title.posterPath && (isMovie(title) || isTv(title))
|
|
|
|
@ -446,7 +448,6 @@ const RequestItem = ({ request, revalidateList }: RequestItemProps) => {
|
|
|
|
|
height={900}
|
|
|
|
|
objectFit="cover"
|
|
|
|
|
/>
|
|
|
|
|
</a>
|
|
|
|
|
</Link>
|
|
|
|
|
<div className="flex flex-col justify-center overflow-hidden pl-2 xl:pl-4">
|
|
|
|
|
<div className="pt-0.5 text-xs font-medium text-white sm:pt-1">
|
|
|
|
@ -467,12 +468,9 @@ const RequestItem = ({ request, revalidateList }: RequestItemProps) => {
|
|
|
|
|
? `/tv/${requestData.media.tmdbId}`
|
|
|
|
|
: `/music/${requestData.secondaryType}/${requestData.media.mbId}`
|
|
|
|
|
}
|
|
|
|
|
className="mr-2 min-w-0 truncate text-lg font-bold text-white hover:underline xl:text-xl"
|
|
|
|
|
>
|
|
|
|
|
<a className="mr-2 min-w-0 truncate text-lg font-bold text-white hover:underline xl:text-xl">
|
|
|
|
|
{isMovie(title) || isRelease(title)
|
|
|
|
|
? title.title
|
|
|
|
|
: title.name}
|
|
|
|
|
</a>
|
|
|
|
|
{isMovie(title) || isRelease(title) ? title.title : title.name}
|
|
|
|
|
</Link>
|
|
|
|
|
{isTv(title) && request.seasons.length > 0 && (
|
|
|
|
|
<div className="card-field">
|
|
|
|
@ -570,8 +568,10 @@ const RequestItem = ({ request, revalidateList }: RequestItemProps) => {
|
|
|
|
|
/>
|
|
|
|
|
),
|
|
|
|
|
user: (
|
|
|
|
|
<Link href={`/users/${requestData.requestedBy.id}`}>
|
|
|
|
|
<a className="group flex items-center truncate">
|
|
|
|
|
<Link
|
|
|
|
|
href={`/users/${requestData.requestedBy.id}`}
|
|
|
|
|
className="group flex items-center truncate"
|
|
|
|
|
>
|
|
|
|
|
<img
|
|
|
|
|
src={requestData.requestedBy.avatar}
|
|
|
|
|
alt=""
|
|
|
|
@ -580,7 +580,6 @@ const RequestItem = ({ request, revalidateList }: RequestItemProps) => {
|
|
|
|
|
<span className="truncate text-sm font-semibold group-hover:text-white group-hover:underline">
|
|
|
|
|
{requestData.requestedBy.displayName}
|
|
|
|
|
</span>
|
|
|
|
|
</a>
|
|
|
|
|
</Link>
|
|
|
|
|
),
|
|
|
|
|
})}
|
|
|
|
@ -624,8 +623,10 @@ const RequestItem = ({ request, revalidateList }: RequestItemProps) => {
|
|
|
|
|
/>
|
|
|
|
|
),
|
|
|
|
|
user: (
|
|
|
|
|
<Link href={`/users/${requestData.modifiedBy.id}`}>
|
|
|
|
|
<a className="group flex items-center truncate">
|
|
|
|
|
<Link
|
|
|
|
|
href={`/users/${requestData.modifiedBy.id}`}
|
|
|
|
|
className="group flex items-center truncate"
|
|
|
|
|
>
|
|
|
|
|
<img
|
|
|
|
|
src={requestData.modifiedBy.avatar}
|
|
|
|
|
alt=""
|
|
|
|
@ -634,7 +635,6 @@ const RequestItem = ({ request, revalidateList }: RequestItemProps) => {
|
|
|
|
|
<span className="truncate text-sm font-semibold group-hover:text-white group-hover:underline">
|
|
|
|
|
{requestData.modifiedBy.displayName}
|
|
|
|
|
</span>
|
|
|
|
|
</a>
|
|
|
|
|
</Link>
|
|
|
|
|
),
|
|
|
|
|
})}
|
|
|
|
|