From 3d5b3dd32f0743ed6532256675776b34878e74c2 Mon Sep 17 00:00:00 2001
From: Arnav K <arnavkaushal09@gmail.com>
Date: Mon, 21 Oct 2024 20:25:17 +0530
Subject: [PATCH] Update ModuleDetails.tsx

---
 .../src/components/pages/ModuleDetails.tsx    | 60 ++++++++++---------
 1 file changed, 32 insertions(+), 28 deletions(-)

diff --git a/cyclops-ui/src/components/pages/ModuleDetails.tsx b/cyclops-ui/src/components/pages/ModuleDetails.tsx
index 7a6b2a6f..942496f2 100644
--- a/cyclops-ui/src/components/pages/ModuleDetails.tsx
+++ b/cyclops-ui/src/components/pages/ModuleDetails.tsx
@@ -752,22 +752,24 @@ const ModuleDetails = () => {
                 <></>
               )}
               {module.name}
-              <Button
-                type="text"
-                onClick={() => {
-                  navigator.clipboard.writeText(module.name);
-                }}
-                style={{
-                  marginLeft: "4px",
-                  padding: "2px",
-                }}
-              >
-                <CopyOutlined
+              <Tooltip title={"Copy module name"} trigger="hover">
+                <Button
+                  type="text"
+                  onClick={() => {
+                    navigator.clipboard.writeText(module.name);
+                  }}
                   style={{
-                    fontSize: "15px",
+                    marginLeft: "4px",
+                    padding: "2px",
                   }}
-                />
-              </Button>
+                >
+                  <CopyOutlined
+                    style={{
+                      fontSize: "15px",
+                    }}
+                  />
+                </Button>
+              </Tooltip>
             </Title>
           </Col>
         </Row>
@@ -800,22 +802,24 @@ const ModuleDetails = () => {
             }}
           >
             {module.targetNamespace}
-            <Button
-              type="text"
-              onClick={() => {
-                navigator.clipboard.writeText(module.targetNamespace);
-              }}
-              style={{
-                marginLeft: "4px",
-                padding: "2px 1.5px",
-              }}
-            >
-              <CopyOutlined
+            <Tooltip title={"Copy namespace"} trigger="hover">
+              <Button
+                type="text"
+                onClick={() => {
+                  navigator.clipboard.writeText(module.targetNamespace);
+                }}
                 style={{
-                  fontSize: "15px",
+                  marginLeft: "4px",
+                  padding: "2px 1.5px",
                 }}
-              />
-            </Button>
+              >
+                <CopyOutlined
+                  style={{
+                    fontSize: "15px",
+                  }}
+                />
+              </Button>
+            </Tooltip>
           </Descriptions.Item>
         </Descriptions>
         <Row gutter={[40, 0]} style={{ paddingTop: "8px" }}>