Merge pull request #1 from Melonai/react-port 0.2.0

React port

1 files changed, 24 insertions, 0 deletions

diff --git a/client/src/Components/CopyButton.js b/client/src/Components/CopyButton.js
new file mode 100644
index 0000000..0ae8e83
--- /dev/null
+++ b/client/src/Components/CopyButton.js
@@ -0,0 +1,24 @@
+import React, {useState} from 'react';
+import copy from 'clipboard-copy';
+
+function CopyButton(props) {
+    const [copied, setCopied] = useState(false);
+
+    const handleClick = async () => {
+        await copy("https://sho.rest/" + props.hash);
+        setCopied(true);
+    };
+
+    let content;
+    if (copied) {
+        content = <span>Link Copied!</span>;
+    } else {
+        content = <strong>Copy Link</strong>;
+    }
+
+    return (
+        <span className="copy-text" onClick={handleClick}>{content}</span>
+    )
+}
+
+export default CopyButton;
\ No newline at end of file