Skip to content

Commit

Permalink
fix: tooltip shows properly if not in progress (#3185)
Browse files Browse the repository at this point in the history
  • Loading branch information
OwsleyJr authored Dec 27, 2022
1 parent 27feeea commit 6face8c
Showing 1 changed file with 14 additions and 10 deletions.
24 changes: 14 additions & 10 deletions src/components/StatusBadge/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -96,7 +96,7 @@ const StatusBadge = ({
}
}

const tooltipContent = downloadItem ? (
const tooltipContent = (
<ul>
{downloadItem.map((status, index) => (
<li
Expand All @@ -111,8 +111,6 @@ const StatusBadge = ({
</li>
))}
</ul>
) : (
mediaLinkDescription
);

const badgeDownloadProgress = (
Expand All @@ -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"
Expand Down Expand Up @@ -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"
Expand Down Expand Up @@ -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}
Expand Down

0 comments on commit 6face8c

Please sign in to comment.