From 64222abaf418d065e87ab82e8609f5087a09979c Mon Sep 17 00:00:00 2001
From: Aditya <60684641+0x0elliot@users.noreply.github.com>
Date: Thu, 15 Feb 2024 19:39:16 +0530
Subject: [PATCH] feat: adding a copy workflow execution id icon

---
 frontend/src/views/AngularWorkflow.jsx | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/frontend/src/views/AngularWorkflow.jsx b/frontend/src/views/AngularWorkflow.jsx
index fa90a3d1..743b799d 100755
--- a/frontend/src/views/AngularWorkflow.jsx
+++ b/frontend/src/views/AngularWorkflow.jsx
@@ -114,6 +114,7 @@ import {
   Polyline as PolylineIcon, 
   QueryStats as QueryStatsIcon, 
   AutoAwesome as AutoAwesomeIcon,
+  FileCopy as FileCopyIcon,
 } from "@mui/icons-material";
 
 
@@ -15532,6 +15533,25 @@ const AngularWorkflow = (defaultprops) => {
                 </Button>
               </span>
             </Tooltip>
+            <Tooltip
+              color="primary"
+              title="Copy workflow id"
+              placement="top"
+              style={{ zIndex: 50000 }}
+            >
+              <span style={{}}>
+                <Button
+                  color="primary"
+                  style={{ float: "right", marginTop: 20, marginLeft: 10 }}
+                  onClick={() => {
+                    navigator.clipboard.writeText(executionData.execution_id);
+                    toast("Copied execution id to clipboard.")
+                  }}
+                >
+                  <FileCopyIcon style={{}} />
+                </Button>
+              </span>
+            </Tooltip>
             {executionData.status === "EXECUTING" ? (
               <Tooltip
                 color="primary"