Merge pull request #2723 from threefoldtech/development_copy_public_c…

…onfig add copy icon to all public config fields
threefoldtech · May 20, 2024 · cb47e59 · cb47e59
2 parents 8c5839b + c47eec1
commit cb47e59
Showing 1 changed file with 28 additions and 4 deletions.
diff --git a/packages/playground/src/components/node_details_cards/public_config_details_card.vue b/packages/playground/src/components/node_details_cards/public_config_details_card.vue
@@ -40,17 +40,41 @@ export default {
 
     const getNodeTwinDetailsCard = (): NodeDetailsCard[] => {
       return [
-        { name: "IPv4", value: props.node.publicConfig.ipv4 },
+        {
+          name: "IPv4",
+          value: props.node.publicConfig.ipv4,
+          icon: "mdi-content-copy",
+          callback: copy,
+          hint: "Copy the IPv4 to the clipboard.",
+        },
         {
           name: "IPv6",
           value: props.node.publicConfig.ipv6,
           icon: "mdi-content-copy",
           callback: copy,
           hint: "Copy the IPv6 to the clipboard.",
         },
-        { name: "GW4", value: props.node.publicConfig.gw4 },
-        { name: "GW6", value: props.node.publicConfig.gw6 },
-        { name: "Domain", value: props.node.publicConfig.domain },
+        {
+          name: "GW4",
+          value: props.node.publicConfig.gw4,
+          icon: "mdi-content-copy",
+          callback: copy,
+          hint: "Copy the GW4 to the clipboard.",
+        },
+        {
+          name: "GW6",
+          value: props.node.publicConfig.gw6,
+          icon: "mdi-content-copy",
+          callback: copy,
+          hint: "Copy the GW6 to the clipboard.",
+        },
+        {
+          name: "Domain",
+          value: props.node.publicConfig.domain,
+          icon: "mdi-content-copy",
+          callback: copy,
+          hint: "Copy the Domain to the clipboard.",
+        },
       ];
     };