From 08fd2abfc5cc6bdaa05c44f3a101740ef60d1df4 Mon Sep 17 00:00:00 2001
From: Arash <38922203+arashsheyda@users.noreply.github.com>
Date: Sun, 13 Aug 2023 16:34:41 +0300
Subject: [PATCH] feat(server-routes): copy url button

a button to copy the full url of endpoint
---
 .../client/components/ServerRouteDetails.vue  | 25 ++++++++++++++-----
 1 file changed, 19 insertions(+), 6 deletions(-)

diff --git a/packages/devtools/client/components/ServerRouteDetails.vue b/packages/devtools/client/components/ServerRouteDetails.vue
index 1fb81b2078..692d7e0204 100644
--- a/packages/devtools/client/components/ServerRouteDetails.vue
+++ b/packages/devtools/client/components/ServerRouteDetails.vue
@@ -289,6 +289,8 @@ watchEffect(() => {
       routeInputBodyJSON.value = JSON.parse(routeInputBodyJSON.value)
   }
 })
+
+const copy = useCopy()
 </script>
 
 <template>
@@ -303,12 +305,23 @@ watchEffect(() => {
             {{ method.toUpperCase() }}
           </option>
         </NSelect>
-        <NTextInput
-          :model-value="finalPath"
-          disabled flex-auto font-mono
-          p="x5 y2"
-          n="primary xs"
-        />
+        <div relative w-full>
+          <NTextInput
+            :model-value="finalPath"
+            disabled flex-auto font-mono
+            p="x5 y2"
+            n="primary xs"
+          />
+          <NButton
+            v-tooltip="'Copy URL'"
+            title="Copy URL"
+            absolute right-2 top-1.7
+            n="xs blue"
+            @click="copy(finalURL)"
+          >
+            <NIcon icon="carbon:copy" />
+          </NButton>
+        </div>
         <NButton n="primary solid" @click="fetchData">
           <NIcon icon="carbon:send" />
         </NButton>