[camel-karavan] 02/05: Create integration in Topology for #893

[marat]

This is an automated email from the ASF dual-hosted git repository.

marat pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/camel-karavan.git

commit d0a4f2bda39091d5ae401f87eaa52cfa30e0a781
Author: Marat Gubaidullin <ma...@talismancloud.io>
AuthorDate: Mon Sep 18 18:12:07 2023 -0400

    Create integration in Topology for #893
---
 .../main/webui/src/project/topology/TopologyApi.tsx    |  5 +----
 .../webui/src/project/topology/TopologyToolbar.tsx     | 18 ++++++++++--------
 2 files changed, 11 insertions(+), 12 deletions(-)

diff --git 
a/karavan-web/karavan-app/src/main/webui/src/project/topology/TopologyApi.tsx 
b/karavan-web/karavan-app/src/main/webui/src/project/topology/TopologyApi.tsx
index ab544e82..fb2bd38a 100644
--- 
a/karavan-web/karavan-app/src/main/webui/src/project/topology/TopologyApi.tsx
+++ 
b/karavan-web/karavan-app/src/main/webui/src/project/topology/TopologyApi.tsx
@@ -1,17 +1,14 @@
 import {
     ComponentFactory,
-    DefaultEdge,
     EdgeAnimationSpeed,
     EdgeModel,
     EdgeStyle,
     GraphComponent,
-    LabelPosition,
     Model,
     ModelKind,
     NodeModel,
     NodeShape,
     NodeStatus,
-    withDragNode,
     withPanZoom, withSelection
 } from '@patternfly/react-topology';
 import CustomNode from "./CustomNode";
@@ -241,7 +238,7 @@ export const customComponentFactory: ComponentFactory = 
(kind: ModelKind, type:
                 case ModelKind.graph:
                     return withPanZoom()(GraphComponent);
                 case ModelKind.node:
-                    return withDragNode()(withSelection()(CustomNode));
+                    return (withSelection()(CustomNode));
                 case ModelKind.edge:
                     return (withSelection()(CustomEdge));
                 default:
diff --git 
a/karavan-web/karavan-app/src/main/webui/src/project/topology/TopologyToolbar.tsx
 
b/karavan-web/karavan-app/src/main/webui/src/project/topology/TopologyToolbar.tsx
index 47df92e7..004719d0 100644
--- 
a/karavan-web/karavan-app/src/main/webui/src/project/topology/TopologyToolbar.tsx
+++ 
b/karavan-web/karavan-app/src/main/webui/src/project/topology/TopologyToolbar.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import {
     Button,
-    ToolbarItem
+    ToolbarItem, Tooltip
 } from '@patternfly/react-core';
 import { useFileStore} from "../../api/ProjectStore";
 import {shallow} from "zustand/shallow";
@@ -17,13 +17,15 @@ export const TopologyToolbar: React.FC = () => {
 
     return (
         <ToolbarItem align={{default: "alignRight"}}>
-            <Button size="sm"
-                    variant={"primary"}
-                    icon={<PlusIcon/>}
-                    onClick={e => setFile("create")}
-            >
-                Create
-            </Button>
+            <Tooltip content={"Add new integration"}>
+                <Button size="sm"
+                        variant={"primary"}
+                        icon={<PlusIcon/>}
+                        onClick={e => setFile("create")}
+                >
+                    Create
+                </Button>
+            </Tooltip>
             <CreateFileModal types={['INTEGRATION']}/>
         </ToolbarItem>
     )