From 1796d495bf6f7e0ef628c75039d325133c5593b7 Mon Sep 17 00:00:00 2001
From: edde746 <86283021+edde746@users.noreply.github.com>
Date: Fri, 18 Aug 2023 13:46:04 +0200
Subject: [PATCH] import/export

---
 .github/workflows/deploy.yml       |  2 +-
 plugins/canned-responses/index.jsx | 34 ++++++++++++++++++++++++++++++
 2 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index 46871fe..528566e 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -28,7 +28,7 @@ jobs:
 
       - name: Copy additional files
         run: |
-          cp -r previews/* dist || true
+          cp -r previews/* dist/previews/ || true
           cp README.md dist/README.md
           printf -- "---\npermalink: /404.html\n---\n" > dist/404.md
           printf -- "> **Note:** You accessed a link that returned a 404, probably by clicking one of the plugin links. You're supposed to copy the link address and add it into shelter.\n\n" >> dist/404.md
diff --git a/plugins/canned-responses/index.jsx b/plugins/canned-responses/index.jsx
index 74ca19d..0340c4f 100644
--- a/plugins/canned-responses/index.jsx
+++ b/plugins/canned-responses/index.jsx
@@ -14,6 +14,7 @@ const {
     TextArea,
     TextBox,
     niceScrollbarsClass,
+    showToast,
   },
   plugin: { store },
   util: { getFiber },
@@ -89,6 +90,34 @@ const managementModal = () => (
         ))}
       </div>
     </ModalBody>
+    <ModalFooter>
+      <div className="buttons-container">
+        <Button
+          onClick={() => {
+            // copy store.responses to clipboard
+            navigator.clipboard.writeText(JSON.stringify(store.responses));
+            showToast({
+              title: "Exported",
+              content: "Canned responses copied to clipboard",
+              duration: 3000,
+            });
+          }}
+          grow={true}
+        >
+          Export
+        </Button>
+        <Button
+          onClick={async () => {
+            // import store.responses from clipboard
+            const text = await navigator.clipboard.readText();
+            store.responses = JSON.parse(text);
+          }}
+          grow={true}
+        >
+          Import
+        </Button>
+      </div>
+    </ModalFooter>
   </ModalRoot>
 );
 
@@ -185,6 +214,11 @@ const toggleSendingPopup = () => {
 let unobserve = null;
 export function onLoad() {
   injectCss(`
+.buttons-container {
+  display: flex;
+  gap: .5rem;
+}
+
   .send-responses {
     max-height: 200px;
     overflow-y: auto;