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> </Box>
)} )}
{blurred && ( {blurred && !error && srcState.status !== AsyncStatus.Error && (
<Box className={css.AbsoluteContainer} alignItems="Center" justifyContent="Center"> <Box className={css.AbsoluteContainer} alignItems="Center" justifyContent="Center">
<TooltipProvider <TooltipProvider
tooltip={ tooltip={

View file

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