Improve spoiler button tooltip wording, keep reveal button from conflicting with load errors

This commit is contained in:
Ginger 2025-02-21 10:26:48 -05:00
parent bca5ac5cba
commit ccd4327dcc
2 changed files with 3 additions and 3 deletions

View file

@ -178,7 +178,7 @@ export const ImageContent = as<'div', ImageContentProps>(
})}
</Box>
)}
{blurred && (
{blurred && !error && srcState.status !== AsyncStatus.Error && (
<Box className={css.AbsoluteContainer} alignItems="Center" justifyContent="Center">
<TooltipProvider
tooltip={

View file

@ -70,7 +70,7 @@ export function UploadCardRenderer({
<TooltipProvider
tooltip={
<Tooltip variant="SurfaceVariant">
<Text>Spoiler Image</Text>
<Text>Mark as Spoiler</Text>
</Tooltip>
}
position="Top"
@ -80,7 +80,7 @@ export function UploadCardRenderer({
<IconButton
ref={triggerRef}
onClick={toggleSpoiler}
aria-label="Spoil Image"
aria-label="Mark as Spoiler"
variant="SurfaceVariant"
radii="Pill"
size="300"