feat: Add export info on copy PNG to clipboard toast message (#3159)

Co-authored-by: dwelle <luzar.david@gmail.com>

src/actions/actionClipboard.tsx

@@ -94,7 +94,14 @@ export const actionCopyAsPng = register({
       return {
         appState: {
           ...appState,
-          toastMessage: t("toast.copyToClipboardAsPng"),
+          toastMessage: t("toast.copyToClipboardAsPng", {
+            exportSelection: selectedElements.length
+              ? t("toast.selection")
+              : t("toast.canvas"),
+            exportColorScheme: appState.exportWithDarkMode
+              ? t("buttons.darkMode")
+              : t("buttons.lightMode"),
+          }),
         },
         commitToHistory: false,
       };

src/components/Toast.scss

@@ -19,6 +19,7 @@
 
   .Toast__message {
     color: var(--popup-text-color);
+    white-space: pre-wrap;
   }
 
   @keyframes fade-in {

src/locales/en.json

@@ -245,8 +245,10 @@
   "toast": {
     "copyStyles": "Copied styles.",
     "copyToClipboard": "Copied to clipboard.",
-    "copyToClipboardAsPng": "Copied to clipboard as PNG.",
+    "copyToClipboardAsPng": "Copied {{exportSelection}} to clipboard as PNG\n({{exportColorScheme}})",
     "fileSaved": "File saved.",
-    "fileSavedToFilename": "Saved to {filename}"
+    "fileSavedToFilename": "Saved to {filename}",
+    "canvas": "canvas",
+    "selection": "selection"
   }
 }