From d235fb7552cdd4ae88ee7252bf148873523f0975 Mon Sep 17 00:00:00 2001
From: Mukesh Singh <CAMukeshKumarSingh@gmail.com>
Date: Sat, 22 Oct 2022 23:08:18 +0530
Subject: [PATCH] Copy to Clipboard Functionality Added on Landing Page (#128)

---
 apps/landing-page/src/components/copynpm.astro | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/apps/landing-page/src/components/copynpm.astro b/apps/landing-page/src/components/copynpm.astro
index 6076278..399df22 100644
--- a/apps/landing-page/src/components/copynpm.astro
+++ b/apps/landing-page/src/components/copynpm.astro
@@ -4,8 +4,9 @@ import { Icon } from "astro-icon";
 
 <button
   class="copy-btn flex items-center w-4/5 mt-3 justify-center astro-md:w-1/2 astro-lg:w-[28%] astro-lg:mt-0 astro-lg:ml-3"
+  id="copy-command-button"
 >
-  <span>npm install @astro-reactive/form @astro-reactive/validator</span>
+  <span id="command">npm install @astro-reactive/form @astro-reactive/validator</span>
   <Icon name="mdi:content-copy" width="40px" height="40px" />
 </button>
 
@@ -32,3 +33,12 @@ import { Icon } from "astro-icon";
     background-color: #3f3f3f;
   }
 </style>
+
+<script>
+    const copyCommandButton = document.getElementById("copy-command-button");
+    const commandText = document.getElementById('command').innerText;
+    
+    copyCommandButton.addEventListener('click', () => {
+        navigator.clipboard.writeText(commandText);
+    });
+</script>
\ No newline at end of file