From 01ea733b10c1fd7c62eb8728b73e725fc7ede394 Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Sat, 19 Jun 2021 11:30:44 -0700
Subject: [PATCH] Add right-click hint for how to download images
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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 😅
---
 src/app/WardrobePage/OutfitControls.js | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/app/WardrobePage/OutfitControls.js b/src/app/WardrobePage/OutfitControls.js
index 23d7cd8..4326334 100644
--- a/src/app/WardrobePage/OutfitControls.js
+++ b/src/app/WardrobePage/OutfitControls.js
@@ -158,6 +158,18 @@ function OutfitControls({
               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"
         >
           <Box gridArea="back" onClick={maybeUnlockFocus}>