Update ModuleDetails.tsx

cyclops-ui · Oct 21, 2024 · 3d5b3dd · 3d5b3dd
1 parent 29531a0
commit 3d5b3dd
Showing 1 changed file with 32 additions and 28 deletions.
diff --git 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" }}>