Fix invalid path concatenation when url has a segment (#574)

Author: moleus

src/main/frontend/multi-pipeline-graph-view/multi-pipeline-graph/main/SingleRun.tsx

@@ -13,7 +13,9 @@ export const SingleRun: (data: Props) => JSX.Element = ({ run }) => {
   const [stages, setStages] = useState<Array<StageInfo>>([]);
   let path = `tree?runId=${run.id}`;
 
-  const onJobView = !window.location.href.endsWith("multi-pipeline-graph/");
+  const url = new URL(window.location.href);
+
+  const onJobView = !url.pathname.endsWith("multi-pipeline-graph/");
   if (onJobView) {
     path = `multi-pipeline-graph/${path}`;
   }

src/main/frontend/multi-pipeline-graph-view/multi-pipeline-graph/main/support/startPollingRunsStatus.ts

@@ -11,7 +11,9 @@ export default function startPollingRunsStatus(
 ) {
   let path = "runs";
 
-  if (!window.location.href.endsWith("multi-pipeline-graph/")) {
+  const url = new URL(window.location.href);
+
+  if (!url.pathname.endsWith("multi-pipeline-graph/")) {
     path = `multi-pipeline-graph/${path}`;
   }
 

src/main/frontend/pipeline-graph-view/app.tsx

@@ -8,7 +8,8 @@ import "./pipeline-graph/styles/main.scss";
 
 function handleNodeClick(nodeName: string, id: number) {
   let location = `../pipeline-console?selected-node=${id}`;
-  if (!window.location.href.endsWith("pipeline-graph/")) {
+  const url = new URL(window.location.href);
+  if (!url.pathname.endsWith("pipeline-graph/")) {
     location = `pipeline-console?selected-node=${id}`;
   }
 

src/main/frontend/pipeline-graph-view/pipeline-graph/main/PipelineGraph.tsx

@@ -81,8 +81,10 @@ export class PipelineGraph extends React.Component {
   }
 
   getTreePath() {
-    if (!window.location.href.endsWith("pipeline-graph/")) {
-      return `pipeline-graph/tree`;
+    const url = new URL(window.location.href);
+
+    if (!url.pathname.endsWith("pipeline-graph/")) {
+      return "pipeline-graph/tree";
     }
 
     return "tree";