From f8bc7490178966eccee2f02f6bc91e83d5ced6cd Mon Sep 17 00:00:00 2001
From: unknown <pawel999@icloud.com>
Date: Fri, 24 Sep 2021 10:50:22 +0200
Subject: [PATCH] Fixed issue with copying snippets. Added Changelog file

---
 .prettierignore                                   | 3 ++-
 CHANGELOG.md                                      | 5 +++++
 client/package-lock.json                          | 5 +++++
 client/package.json                               | 1 +
 client/src/components/Snippets/SnippetCard.tsx    | 3 ++-
 client/src/components/Snippets/SnippetDetails.tsx | 3 ++-
 6 files changed, 17 insertions(+), 3 deletions(-)
 create mode 100644 CHANGELOG.md

diff --git a/.prettierignore b/.prettierignore
index 2318862..12df85d 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -1 +1,2 @@
-*.css
\ No newline at end of file
+*.css
+CHANGELOG.md
\ No newline at end of file
diff --git a/CHANGELOG.md b/CHANGELOG.md
new file mode 100644
index 0000000..e3a961c
--- /dev/null
+++ b/CHANGELOG.md
@@ -0,0 +1,5 @@
+### v1.1 (2021-09-24)
+- Fixed issue with copying snippets ([#6](https://github.com/pawelmalak/snippet-box/issues/6))
+
+### v1.0 (2021-09-23)
+Initial release
\ No newline at end of file
diff --git a/client/package-lock.json b/client/package-lock.json
index eb016b0..3a77063 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -4280,6 +4280,11 @@
       "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz",
       "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A=="
     },
+    "clipboard-copy": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/clipboard-copy/-/clipboard-copy-4.0.1.tgz",
+      "integrity": "sha512-wOlqdqziE/NNTUJsfSgXmBMIrYmfd5V0HCGsR8uAKHcg+h9NENWINcfRjtWGU77wDHC8B8ijV4hMTGYbrKovng=="
+    },
     "cliui": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz",
diff --git a/client/package.json b/client/package.json
index 6d2c159..8e3bda5 100644
--- a/client/package.json
+++ b/client/package.json
@@ -14,6 +14,7 @@
     "@types/react": "^17.0.21",
     "@types/react-dom": "^17.0.9",
     "axios": "^0.21.4",
+    "clipboard-copy": "^4.0.1",
     "dayjs": "^1.10.7",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
diff --git a/client/src/components/Snippets/SnippetCard.tsx b/client/src/components/Snippets/SnippetCard.tsx
index 3e8c873..4ac2575 100644
--- a/client/src/components/Snippets/SnippetCard.tsx
+++ b/client/src/components/Snippets/SnippetCard.tsx
@@ -6,6 +6,7 @@ import { Badge, Button, Card } from '../UI';
 import { SnippetsContext } from '../../store';
 import Icon from '@mdi/react';
 import { mdiPin } from '@mdi/js';
+import copy from 'clipboard-copy';
 
 interface Props {
   snippet: Snippet;
@@ -17,7 +18,7 @@ export const SnippetCard = (props: Props): JSX.Element => {
   const { setSnippet } = useContext(SnippetsContext);
 
   const copyHandler = () => {
-    navigator.clipboard.writeText(code);
+    copy(code);
   };
 
   return (
diff --git a/client/src/components/Snippets/SnippetDetails.tsx b/client/src/components/Snippets/SnippetDetails.tsx
index 9729189..5b0c947 100644
--- a/client/src/components/Snippets/SnippetDetails.tsx
+++ b/client/src/components/Snippets/SnippetDetails.tsx
@@ -6,6 +6,7 @@ import { dateParser } from '../../utils';
 import { Button, Card } from '../UI';
 import Icon from '@mdi/react';
 import { mdiPin } from '@mdi/js';
+import copy from 'clipboard-copy';
 
 interface Props {
   snippet: Snippet;
@@ -30,7 +31,7 @@ export const SnippetDetails = (props: Props): JSX.Element => {
   const updateDate = dateParser(updatedAt);
 
   const copyHandler = () => {
-    navigator.clipboard.writeText(code);
+    copy(code);
   };
 
   return (