Merge pull request #2 from VitalyGushin/main

Fix formatting.
networkservicemesh · Dec 21, 2023 · 24884b8 · 24884b8
2 parents 23f8b97 + 324b2a1
commit 24884b8
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 8 deletions.
diff --git a/src/layouts.ts b/src/layouts.ts
@@ -45,7 +45,7 @@ export const layouts: Record<string, any> = {
     name: "dagre",
     animate: false,
     rankDir: "LR",
-    rankSep: 60,
+    rankSep: 70,
     fit: true
   }
 };

diff --git a/src/model.ts b/src/model.ts
@@ -57,7 +57,8 @@ export const InterfaceSize = "10"
 export enum InterfaceShape {
   MEMIF = "ellipse",
   TAP = "round-rectangle",
-  WIREGUARDG = "round-triangle"
+  WIREGUARDG = "round-triangle",
+  TUN = "round-diamond"
 }
 
 export enum EdgeLineType {

diff --git a/src/pages/Dataplane.tsx b/src/pages/Dataplane.tsx
@@ -41,18 +41,24 @@ function getDataplaneStylesheet() {
       selector: `node[type = '${NodeType.Interface}']`,
       style: {
         width: InterfaceSize,
-        height: InterfaceSize
+        height: InterfaceSize,
+        "font-size": "8px",
+        'text-background-color': Color.Gray,
+        'text-background-opacity': 1,
+        "text-background-shape": "roundrectangle",
+        'text-border-color': Color.Gray,
+        "text-border-width": "0.2em",
+        "text-border-opacity": 1
       }
     },
     {
       selector: `node[type = '${NodeType.Interface}'][label]`,
       style: {
         shape: (node: { data: (arg0: string) => string | string[] }) =>
-          node.data("label").includes("memif")
-            ? InterfaceShape.MEMIF
-            : node.data("label").includes("wg")
-            ? InterfaceShape.WIREGUARDG
-            : InterfaceShape.TAP
+          node.data("label").includes("memif") ? InterfaceShape.MEMIF :
+          node.data("label").includes("wg") ? InterfaceShape.WIREGUARDG :
+          node.data("label").includes("tun") ? InterfaceShape.TUN :
+          InterfaceShape.TAP
       }
     },
     {