Merge Encode query components to handle special characters (#138)

Closes #115
GeoWerkstatt · Jul 28, 2022 · f56804b · f56804b
2 parents c21222b + 0ea17e8
commit f56804b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/ClientApp/cypress/integration/home.spec.js b/src/ClientApp/cypress/integration/home.spec.js
@@ -28,7 +28,7 @@ describe("Home page tests", () => {
   it("Show search result box if search for grundbuchnummer", function () {
     const gbnummer = "h5r0wdwsz6ef39zb2d31a0zfou7i4tdguvddcklb";
     cy.intercept(
-      `/standort?gemeinde=&gbnummer=${gbnummer}&bezeichnung=&erstellungsdatum=&mutationsdatum=`,
+      `/standort?gemeinde=null&gbnummer=${gbnummer}&bezeichnung=&erstellungsdatum=&mutationsdatum=`,
       standorteGbnummer
     );
     cy.visit("/");
@@ -41,7 +41,7 @@ describe("Home page tests", () => {
 
   it("Show search result box if search for bezeichnung", function () {
     cy.intercept(
-      `/standort?gemeinde=&gbnummer=&bezeichnung=Rustic%20Wooden%20Keyboard&erstellungsdatum=&mutationsdatum=`,
+      `/standort?gemeinde=null&gbnummer=&bezeichnung=Rustic%20Wooden%20Keyboard&erstellungsdatum=&mutationsdatum=`,
       standorteBezeichnung
     );
     cy.visit("/");

diff --git a/src/ClientApp/src/components/Search.js b/src/ClientApp/src/components/Search.js
@@ -13,8 +13,9 @@ export default function Search(props) {
   const { isDirty } = formState;
 
   const onSearch = (formData) => {
-    let query = `?gemeinde=${formData.gemeinde || ""}`;
-    query += `&gbnummer=${formData.gbnummer}&bezeichnung=${formData.bezeichnung}`;
+    let query = `?gemeinde=${encodeURIComponent(formData.gemeinde) || ""}`;
+    query += `&gbnummer=${encodeURIComponent(formData.gbnummer)}`;
+    query += `&bezeichnung=${encodeURIComponent(formData.bezeichnung)}`;
     query += `&erstellungsdatum=${formData.erstellungsDatum ? new Date(formData.erstellungsDatum).toDateString() : ""}`;
     query += `&mutationsdatum=${formData.mutationsDatum ? new Date(formData.mutationsDatum).toDateString() : ""}`;
     getStandorte(query);