From 63a22d4936090a2b50e480ecb714867e94a5a58e Mon Sep 17 00:00:00 2001
From: NeoPlays <80448387+NeoPlays@users.noreply.github.com>
Date: Mon, 10 Feb 2025 11:29:24 +0100
Subject: [PATCH] ADD: Copy button for MachineName (#2183)

---
 .../components/edit/header/ServerDetails.vue  | 20 +++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/launcher/src/components/UI/edit-page/components/edit/header/ServerDetails.vue b/launcher/src/components/UI/edit-page/components/edit/header/ServerDetails.vue
index 3b806a236..cd49394db 100644
--- a/launcher/src/components/UI/edit-page/components/edit/header/ServerDetails.vue
+++ b/launcher/src/components/UI/edit-page/components/edit/header/ServerDetails.vue
@@ -12,8 +12,14 @@
       "
       @mouseleave="footerStore.cursorLocation = ''"
     >
-      <span class="col-start-2 col-end-8 text-xs text-left text-gray-100 overflow-hidden whitespace-pre ml-[5px]">Mach</span>
-      <span class="col-start-8 col-span-full text-md text-yellow-500 overflow-hidden whitespace-pre">{{ controlStore.ServerName }}</span>
+      <span class="col-start-2 col-end-22 text-md text-yellow-500 overflow-hidden whitespace-pre">{{ controlStore.ServerName }}</span>
+
+      <img
+        class="w-7 col-start-23 col-span-full cursor-pointer hover:scale-110 active:scale-95 transition-all duration-200 ease-in-out"
+        src="/img/icon/service-modals-icons/copy.png"
+        alt="icon"
+        @click="toClipboard(controlStore.ServerName)"
+      />
     </div>
     <div
       v-if="controlStore.ipAddress"
@@ -25,14 +31,13 @@
       "
       @mouseleave="footerStore.cursorLocation = ''"
     >
-      <span class="col-start-2 col-end-7 text-xs text-left text-gray-100 overflow-hidden whitespace-pre ml-[5px]">IP </span>
-      <span class="col-start-8 col-end-22 text-sm text-yellow-500 overflow-hidden whitespace-pre">{{ controlStore.ipAddress }}</span>
+      <span class="col-start-2 col-end-22 text-md text-yellow-500 overflow-hidden whitespace-pre">{{ controlStore.ipAddress }}</span>
 
       <img
         class="w-7 col-start-23 col-span-full cursor-pointer hover:scale-110 active:scale-95 transition-all duration-200 ease-in-out"
         src="/img/icon/service-modals-icons/copy.png"
         alt="icon"
-        @click="copyServerIp"
+        @click="toClipboard(controlStore.ipAddress)"
       />
     </div>
   </div>
@@ -53,10 +58,9 @@ onMounted(() => {
   updateConnectionStats();
 });
 
-const copyServerIp = () => {
-  let ipToCopy = controlStore.ipAddress;
+const toClipboard = (stringToCopy) => {
   navigator.clipboard
-    .writeText(ipToCopy)
+    .writeText(stringToCopy.trim())
     .then(() => {
       console.log("copied!");
     })