From 2ae11fa3502c490e568bf824868dcdde1459ee52 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Thu, 4 Jul 2024 12:31:54 +0800
Subject: [PATCH] feat: add download button

Signed-off-by: Innei <i@innei.in>
---
 icons/mgc/download_2_cute_re.svg                    |  1 +
 .../src/components/ui/image/preview-image.tsx       | 13 +++++++++++--
 2 files changed, 12 insertions(+), 2 deletions(-)
 create mode 100644 icons/mgc/download_2_cute_re.svg

diff --git a/icons/mgc/download_2_cute_re.svg b/icons/mgc/download_2_cute_re.svg
new file mode 100644
index 0000000000..e90e66fba1
--- /dev/null
+++ b/icons/mgc/download_2_cute_re.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#fff" fill-opacity=".01" d="M24 0v24H0V0z"/><path stroke="#10161F" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v12m-4.242-3.586c.83 1.915 2.023 3.18 3.848 4.062.249.12.54.12.789 0 1.824-.882 3.017-2.147 3.848-4.062M4.002 16c.012 2.175.109 3.353.877 4.121C5.758 21 7.172 21 10 21h4c2.829 0 4.243 0 5.122-.879.768-.768.864-1.946.877-4.121"/></svg>
\ No newline at end of file
diff --git a/src/renderer/src/components/ui/image/preview-image.tsx b/src/renderer/src/components/ui/image/preview-image.tsx
index 8c410d3df4..acee7e6c7d 100644
--- a/src/renderer/src/components/ui/image/preview-image.tsx
+++ b/src/renderer/src/components/ui/image/preview-image.tsx
@@ -31,9 +31,19 @@ const Wrapper: Component<{
         initial={{ opacity: 0.8 }}
         animate={{ opacity: 1 }}
         exit={{ opacity: 0 }}
-        className="absolute bottom-4 right-4"
+        className="absolute bottom-4 right-4 flex gap-3"
         onClick={stopPropagation}
       >
+        {!!window.electron && (
+          <ActionButton
+            tooltip="Download"
+            onClick={() => {
+              tipcClient?.saveImage(src)
+            }}
+          >
+            <i className="i-mgc-download-2-cute-re" />
+          </ActionButton>
+        )}
         <ActionButton
           tooltip="Open in browser"
           onClick={() => {
@@ -76,7 +86,6 @@ export const PreviewImageContent: FC<{
             label: "Save image as...",
             type: "text",
             click: () => {
-              // window.electron.ipcRenderer.invoke("save-image", image);
               tipcClient?.saveImage(image)
             },
           },