Close popup after embeddings algorithm change

stepan-anokhin · Apr 20, 2022 · 0648d03 · 0648d03
1 parent 11965c5
commit 0648d03
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/web/src/application/api/embeddings/tilesURL.ts b/web/src/application/api/embeddings/tilesURL.ts
@@ -4,5 +4,5 @@ import { EmbeddingAlgorithm } from "../../../model/embeddings";
  * Get tiles URL pattern.
  */
 export default function tilesURL(algorithm: EmbeddingAlgorithm): string {
-  return `http://localhost:5000/api/v1/embeddings/${algorithm}/tiles/{z}/{x}/{y}`;
+  return `/api/v1/embeddings/${algorithm}/tiles/{z}/{x}/{y}`;
 }
diff --git a/web/src/pages/DashboardPage/EmbeddingsMap/EmbeddingsMapTiles.tsx b/web/src/pages/DashboardPage/EmbeddingsMap/EmbeddingsMapTiles.tsx
@@ -12,7 +12,7 @@ const useStyles = makeStyles<Theme>({
   map: {
     width: "100%",
     height: "100%",
-    backgroundColor: "#aaa",
+    backgroundColor: "#fff",
   },
 });
 

diff --git a/web/src/pages/DashboardPage/EmbeddingsMap/FileMarker.tsx b/web/src/pages/DashboardPage/EmbeddingsMap/FileMarker.tsx
@@ -1,6 +1,6 @@
 import { TilesInfo } from "../../../model/embeddings";
 import { LatLng } from "leaflet";
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import { useMapEvents } from "react-leaflet";
 import FileMarkerPopup from "./FileMarkerPopup";
 
@@ -20,6 +20,8 @@ export default function FileMarker(props: FileMarkerProps): JSX.Element | null {
     },
   });
 
+  useEffect(() => setPosition(null), [info.algorithm]);
+
   return position === null ? null : (
     <FileMarkerPopup
       position={position}