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:

  1. Find the apps in your dock
  2. @@ -108,4 +121,4 @@ const AddDock = () => { ); }; -export default AddDock; +export default AddDock; \ No newline at end of file