Add arrow labels on graph outputted by calm-visualizer (#568)

finos · Nov 11, 2024 · 6dc64f3 · 6dc64f3
1 parent 257477c
commit 6dc64f3
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/calm-visualizer/src/components/fileuploader/FileUploader.tsx b/calm-visualizer/src/components/fileuploader/FileUploader.tsx
@@ -35,7 +35,7 @@ function FileUploader({ callback }: Props) {
         <button 
           onClick={handleSubmit}
           className="submit"
-        >Upload a file</button>
+        >Visualize</button>
       )}
     </>
   );

diff --git a/calm-visualizer/src/components/graph/Graph.tsx b/calm-visualizer/src/components/graph/Graph.tsx
@@ -10,8 +10,6 @@ interface Props {
     relationships: RelationshipLayout[]
 }
 
-// const groups: string[] = [];
-
 function createConnectsRelationship(instance: BrowserJsPlumbInstance, relationship: CALMConnectsRelationship) {
     const r = relationship["relationship-type"]["connects"];
     instance.connect({
@@ -29,7 +27,8 @@ function createConnectsRelationship(instance: BrowserJsPlumbInstance, relationsh
             options: {}
         },
         overlays: [
-            { type:"Arrow", options:{location:1}}
+            { type:"Arrow", options:{location:1}},
+            {  type: "Label", options: { location: 0.5, label: relationship.description }}
         ]
     });
 }
@@ -53,7 +52,9 @@ function createInteractsRelationship(instance: BrowserJsPlumbInstance, relations
                 }
             },
             overlays: [
-                { type:"Arrow", options:{location:1}}
+                { type:"Arrow", options:{location:1}},
+                {  type: "Label", options: { location: 0.5, label: relationship.description }}
+
             ]
         });
     })