From 8460dd5f9a3bc35354eacf4d4583eea8ec97e63a Mon Sep 17 00:00:00 2001
From: Rokas Puzonas <rokas.puz@gmail.com>
Date: Mon, 7 Feb 2022 22:10:36 +0200
Subject: [PATCH] feat: add copy code button

---
 src/TableMethodCodeBlock.tsx | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/TableMethodCodeBlock.tsx b/src/TableMethodCodeBlock.tsx
index 01c6a8f..8f37284 100644
--- a/src/TableMethodCodeBlock.tsx
+++ b/src/TableMethodCodeBlock.tsx
@@ -6,11 +6,21 @@ import { generate, TableMethodGeneratorOptions } from './TableMethodGenerator';
 SyntaxHighlighter.registerLanguage('csharp', csharp);
 
 function TableMethodCodeBlock(props: TableMethodGeneratorOptions) {
+	let script = generate(props)
+
+	const onClickCopy = () => {
+		navigator.clipboard.writeText(script)
+	}
+
 	return (
-		<SyntaxHighlighter language="csharp" style={vs2015}>
-			{generate(props)}
-		</SyntaxHighlighter>
+		<div>
+			<SyntaxHighlighter language="csharp" style={vs2015}>
+				{script}
+			</SyntaxHighlighter>
+			<button onClick={onClickCopy}>Copy code!</button>
+		</div>
 	)
 }
 
+
 export default TableMethodCodeBlock