Add right-click hint for how to download images

I have a hunch that people aren't finding the Download button! I'm not 100% sure what to do about that, but to start, I want right-clicking the image to give you a hint about it 😅
This commit is contained in:
Emi Matchu 2021-06-19 11:30:44 -07:00
parent 4903eb8d21
commit 01ea733b10

View file

@ -158,6 +158,18 @@ function OutfitControls({
setFocusIsLocked(true); setFocusIsLocked(true);
} }
}} }}
onContextMenuCapture={() => {
if (!toast.isActive("outfit-controls-context-menu-hint")) {
toast({
id: "outfit-controls-context-menu-hint",
title:
"By the way, to save this image, use the Download button!",
description: "It's in the top right of the preview area.",
duration: 10000,
isClosable: true,
});
}
}}
data-test-id="wardrobe-outfit-controls" data-test-id="wardrobe-outfit-controls"
> >
<Box gridArea="back" onClick={maybeUnlockFocus}> <Box gridArea="back" onClick={maybeUnlockFocus}>