From 1079acfe167bfe306cdc45a8defda938a64cafa5 Mon Sep 17 00:00:00 2001 From: "maige-app[bot]" <303827+maige-app[bot]@users.noreply.github.com> Date: Tue, 13 Feb 2024 17:39:24 +0000 Subject: [PATCH] Add Copy Button Feature for command on route --- src/pages/add-dock.tsx | 21 +++++++++++++++++---- 1 file changed, 17 insertions(+), 4 deletions(-) diff --git a/src/pages/add-dock.tsx b/src/pages/add-dock.tsx index b0ae512..554569a 100644 --- a/src/pages/add-dock.tsx +++ b/src/pages/add-dock.tsx @@ -10,6 +10,14 @@ const AddDock = () => { const { data: sessionData } = useSession(); const user = api.users.getOne.useQuery({ id: sessionData?.user?.id ?? "" }); + const copyToClipboard = () => { + navigator.clipboard.writeText('npx dockhunt').then(() => { + alert('Command copied to clipboard!'); + }, (err) => { + console.error('Could not copy text: ', err); + }); + }; + return ( <>
@@ -62,9 +70,14 @@ const AddDock = () => { To add your own dock, run the following command in your{" "} terminal: -
- npx dockhunt
-
+
+ npx dockhunt
+
+
+ The command will: