Rename the graph view to better represent its features

OpenAttackDefenseTools · Oct 13, 2022 · b79ca6e · b79ca6e
1 parent f19e0d3
commit b79ca6e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 10 deletions.
diff --git a/frontend/src/components/Corrie.tsx b/frontend/src/components/Corrie.tsx
@@ -107,16 +107,16 @@ export const Corrie = () => {
             packets
           </button>
           <button
-            className={mode == "tags" ? activeButtonClass : inactiveButtonClass}
-            onClick={() => setCorrelationMode("tags")}
+            className={mode == "volume" ? activeButtonClass : inactiveButtonClass}
+            onClick={() => setCorrelationMode("volume")}
           >
-            tags
+            volume
           </button>
         </div>
       </div>
       <div className="flex-1 w-full overflow-hidden p-4">
         {(mode == "packets" || mode == "time") && TimePacketGraph(graphProps)}
-        {mode == "tags" && TagGraph(graphProps)}
+        {mode == "volume" && VolumeGraph(graphProps)}
       </div>
     </div>
   );
@@ -197,7 +197,7 @@ function TimePacketGraph(graphProps: GraphProps) {
   );
 }
 
-function TagGraph(graphProps: GraphProps) {
+function VolumeGraph(graphProps: GraphProps) {
   const flowList = graphProps.flowList;
   const mode = graphProps.mode;
   const searchParams = graphProps.searchParams;
@@ -218,9 +218,7 @@ function TagGraph(graphProps: GraphProps) {
         ts = 0;
         acc = 0;
       } else {
-        if (flow.tags.includes("flag-out")) {
-          acc++;
-        }
+        acc++;
       }
     });
 
@@ -229,7 +227,7 @@ function TagGraph(graphProps: GraphProps) {
 
   const series_out: ApexAxisChartSeries = [
     {
-      name: "Flag-out",
+      name: "Volume",
       data: chunkData(flowList),
     },
   ];

diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx
@@ -307,7 +307,7 @@ export function Header() {
       </div>
       <Link to={`/corrie?${searchParams}`}>
         <div className="bg-blue-100 text-gray-800 rounded-md px-2 py-1">
-          Time Correlation
+          Graph view
         </div>
       </Link>
       <div className="ml-auto mr-4" style={{ display: "flex" }}>