add copy ID to clipboard for nodes & templates

ConvoyPanel · Dec 5, 2023 · 3e627ef · 3e627ef
1 parent 2e1156f
commit 3e627ef
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 0 deletions.
diff --git a/resources/scripts/components/admin/nodes/NodesContainer.tsx b/resources/scripts/components/admin/nodes/NodesContainer.tsx
@@ -94,6 +94,12 @@ const NodesContainer = () => {
 
         return (
             <Actions>
+                <Menu.Item
+                    onClick={() => navigator.clipboard.writeText(node.id)}
+                >
+                    Copy ID
+                </Menu.Item>
+                <Menu.Divider />
                 <Menu.Item
                     color='red'
                     disabled={node.serversCount > 0}

diff --git a/resources/scripts/components/admin/nodes/templates/TemplateCard.tsx b/resources/scripts/components/admin/nodes/templates/TemplateCard.tsx
@@ -108,6 +108,13 @@ const TemplateCard = ({ template, group, className }: Props) => {
                             <DottedButton />
                         </Menu.Target>
                         <Menu.Dropdown>
+                            <Menu.Item
+                                onClick={() =>
+                                    navigator.clipboard.writeText(template.uuid)
+                                }
+                            >
+                                Copy ID
+                            </Menu.Item>
                             <Menu.Item onClick={() => setShowEditModal(true)}>
                                 Edit
                             </Menu.Item>

diff --git a/resources/scripts/components/admin/nodes/templates/TemplateGroupCard.tsx b/resources/scripts/components/admin/nodes/templates/TemplateGroupCard.tsx
@@ -42,6 +42,7 @@ import EditTemplateGroupModal from '@/components/admin/nodes/templates/EditTempl
 import EditTemplateModal from '@/components/admin/nodes/templates/EditTemplateModal'
 import TemplateCard from '@/components/admin/nodes/templates/TemplateCard'
 
+
 interface Props {
     group: TemplateGroup
     className?: string
@@ -211,6 +212,15 @@ const TemplateGroupCard = ({ group, className }: Props) => {
                                 />
                             </Menu.Target>
                             <Menu.Dropdown>
+                                <Menu.Item
+                                    onClick={() =>
+                                        navigator.clipboard.writeText(
+                                            group.uuid
+                                        )
+                                    }
+                                >
+                                    Copy ID
+                                </Menu.Item>
                                 <Menu.Item
                                     onClick={() => setShowEditModal(true)}
                                 >