ByteSnap/channels-seerr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(requests): wrap both the avatar and the username in Link

Browse Source
This commit is contained in:
0xsysr3ll
2025-06-27 22:20:50 +02:00
parent 065d3002e0
commit 3f8ebc75d5
1 changed files with 32 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/components/RequestBlock/index.tsx
View File

@@ -96,10 +96,19 @@ const RequestBlock = ({ request, onUpdate }: RequestBlockProps) => {
<div className="flex items-center justify-between">
<div className="mr-6 min-w-0 flex-1 flex-col items-center text-sm leading-5">
<div className="white mb-1 flex flex-nowrap">
<span className="flex w-40 items-center truncate md:w-auto">
<Tooltip content={intl.formatMessage(messages.requestedby)}>
<UserIcon className="mr-1.5 h-5 w-5 min-w-0 flex-shrink-0" />
</Tooltip>
<span className="avatar-sm ml-1.5">
<Link
href={
request.requestedBy.id === user?.id
? '/profile'
: `/users/${request.requestedBy.id}`
}
className="flex items-center font-semibold text-gray-100 transition duration-300 hover:text-white hover:underline"
>
<span className="avatar-sm mr-1.5">
<CachedImage
type="avatar"
src={request.requestedBy.avatar}
@@ -109,25 +118,27 @@ const RequestBlock = ({ request, onUpdate }: RequestBlockProps) => {
height={20}
/>
</span>
<span className="w-40 truncate md:w-auto">
<Link
href={
request.requestedBy.id === user?.id
? '/profile'
: `/users/${request.requestedBy.id}`
}
className="font-semibold text-gray-100 transition duration-300 hover:text-white hover:underline"
>
{request.requestedBy.displayName}
</Link>
</span>
</div>
{request.modifiedBy && (
<div className="flex flex-nowrap">
<Tooltip content={intl.formatMessage(messages.lastmodifiedby)}>
<span className="flex w-40 items-center truncate md:w-auto">
<Tooltip
content={intl.formatMessage(messages.lastmodifiedby)}
>
<EyeIcon className="mr-1.5 h-5 w-5 flex-shrink-0" />
</Tooltip>
<span className="avatar-sm ml-1.5">
<Link
href={
request.modifiedBy.id === user?.id
? '/profile'
: `/users/${request.modifiedBy.id}`
}
className="flex items-center font-semibold text-gray-100 transition duration-300 hover:text-white hover:underline"
>
<span className="avatar-sm mr-1.5">
<CachedImage
type="avatar"
src={request.modifiedBy.avatar}
@@ -137,15 +148,6 @@ const RequestBlock = ({ request, onUpdate }: RequestBlockProps) => {
height={20}
/>
</span>
<span className="w-40 truncate md:w-auto">
<Link
href={
request.modifiedBy.id === user?.id
? '/profile'
: `/users/${request.modifiedBy.id}`
}
className="font-semibold text-gray-100 transition duration-300 hover:text-white hover:underline"
>
{request.modifiedBy.displayName}
</Link>
</span>