fix: response delete tooltip cut off (#3289)

Co-authored-by: Johannes <72809645+jobenjada@users.noreply.github.com>
This commit is contained in:
Jonas Höbenreich
2024-10-07 00:35:53 +02:00
committed by GitHub
parent e8403699e1
commit 02345bc82c

View File

@@ -198,22 +198,27 @@ export const SingleResponseCardHeader = ({
<time className="text-slate-500" dateTime={timeSince(response.createdAt.toISOString())}>
{timeSince(response.createdAt.toISOString())}
</time>
{user && !isViewer && (
<TooltipRenderer shouldRender={!canResponseBeDeleted} tooltipContent={deleteSubmissionToolTip}>
{user &&
!isViewer &&
(canResponseBeDeleted ? (
<TrashIcon
onClick={() => {
if (canResponseBeDeleted) {
setDeleteDialogOpen(true);
}
}}
className={`h-4 w-4 ${
canResponseBeDeleted
? "cursor-pointer text-slate-500 hover:text-red-700"
: "cursor-not-allowed text-slate-400"
} `}
onClick={() => setDeleteDialogOpen(true)}
className="h-4 w-4 cursor-pointer text-slate-500 hover:text-red-700"
aria-label="Delete response"
/>
</TooltipRenderer>
)}
) : (
<TooltipProvider>
<Tooltip>
<TooltipTrigger>
<TrashIcon
className="h-4 w-4 cursor-not-allowed text-slate-400"
aria-label="Cannot delete response in progress"
/>
</TooltipTrigger>
<TooltipContent side="left">{deleteSubmissionToolTip}</TooltipContent>
</Tooltip>
</TooltipProvider>
))}
</div>
</div>
</div>