shpaq/sct-overseerr
1
0
Fork 0
mirror of https://github.com/sct/overseerr.git synced 2025-09-17 17:24:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: tooltip shows properly if not in progress (#3185)

Browse Source
This commit is contained in:
Brandon Cohen
2022-12-27 10:17:32 -05:00
committed by GitHub
parent 27feeea691
commit 6face8cc45
1 changed files with 14 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/StatusBadge/index.tsx
View File

@@ -96,7 +96,7 @@ const StatusBadge = ({
}
}
const tooltipContent = downloadItem ? (
const tooltipContent = (
<ul>
{downloadItem.map((status, index) => (
<li
@@ -111,8 +111,6 @@ const StatusBadge = ({
</li>
))}
</ul>
) : (
mediaLinkDescription
);
const badgeDownloadProgress = (
@@ -134,11 +132,13 @@ const StatusBadge = ({
case MediaStatus.AVAILABLE:
return (
<Tooltip
content={inProgress && tooltipContent}
content={inProgress ? tooltipContent : mediaLinkDescription}
className={`${
inProgress && 'hidden max-h-96 w-96 overflow-y-auto sm:block'
}`}
tooltipConfig={{ interactive: true, delayHide: 100 }}
tooltipConfig={{
...(inProgress && { interactive: true, delayHide: 100 }),
}}
>
<Badge
badgeType="success"
@@ -185,11 +185,13 @@ const StatusBadge = ({
case MediaStatus.PARTIALLY_AVAILABLE:
return (
<Tooltip
content={inProgress && tooltipContent}
content={inProgress ? tooltipContent : mediaLinkDescription}
className={`${
inProgress && 'hidden max-h-96 w-96 overflow-y-auto sm:block'
}`}
tooltipConfig={{ interactive: true, delayHide: 100 }}
tooltipConfig={{
...(inProgress && { interactive: true, delayHide: 100 }),
}}
>
<Badge
badgeType="success"
@@ -236,18 +238,20 @@ const StatusBadge = ({
case MediaStatus.PROCESSING:
return (
<Tooltip
content={inProgress && tooltipContent}
content={inProgress ? tooltipContent : mediaLinkDescription}
className={`${
inProgress && 'hidden max-h-96 w-96 overflow-y-auto sm:block'
}`}
tooltipConfig={{ interactive: true, delayHide: 100 }}
tooltipConfig={{
...(inProgress && { interactive: true, delayHide: 100 }),
}}
>
<Badge
badgeType="primary"
href={mediaLink}
className={`${
inProgress &&
'relative !bg-gray-700 !bg-opacity-80 !px-0 hover:!bg-gray-700'
'relative !bg-gray-700 !bg-opacity-80 !px-0 hover:overflow-hidden hover:!bg-gray-700'
} overflow-hidden`}
>
{inProgress && badgeDownloadProgress}