feat: add copy button to ticket editor

stakwork · Dec 18, 2024 · f5ba418 · f5ba418
1 parent fe52184
commit f5ba418
Showing 1 changed file with 31 additions and 0 deletions.
diff --git a/src/components/common/TicketEditor/TicketEditor.tsx b/src/components/common/TicketEditor/TicketEditor.tsx
@@ -208,6 +208,29 @@ const TicketEditor = observer(
       }
     };
 
+    const handleCopy = async () => {
+      try {
+        await navigator.clipboard.writeText(versionTicketData.description);
+        setToasts([
+          {
+            id: `${Date.now()}-copy-success`,
+            title: 'Hive',
+            color: 'success',
+            text: 'Description copied to clipboard!'
+          }
+        ]);
+      } catch (err) {
+        setToasts([
+          {
+            id: `${Date.now()}-copy-error`,
+            title: 'Hive',
+            color: 'danger',
+            text: 'Failed to copy description'
+          }
+        ]);
+      }
+    };
+
     return (
       <TicketContainer>
         <EuiFlexGroup alignItems="center" gutterSize="s">
@@ -238,6 +261,14 @@ const TicketEditor = observer(
               <EuiBadge color="success" style={{ marginBottom: '12px' }}>
                 Version {selectedVersion}
               </EuiBadge>
+              <ActionButton
+                color="primary"
+                onClick={handleCopy}
+                style={{ marginLeft: 'auto', marginBottom: '35px' }}
+                data-testid="copy-description-btn"
+              >
+                Copy
+              </ActionButton>
             </TicketHeaderInputWrap>
             <TicketTextArea
               value={versionTicketData.description}