polish map search presentation

Author: dnywh

e2e/listings.spec.ts

@@ -181,10 +181,12 @@ test("listing edit saves and restores seeded business fields", async ({
     updatedVisibility
   );
 
-  await listingWriteForm
+  const restoreDescriptionInput = listingWriteForm
     .locator("#description")
-    .first()
-    .fill(originalDescription);
+    .first();
+  await restoreDescriptionInput.fill("");
+  await expect(restoreDescriptionInput).toHaveValue("");
+  await restoreDescriptionInput.fill(originalDescription);
   await expect(listingWriteForm.locator("#description").first()).toHaveValue(
     originalDescription
   );

messages/de.json

@@ -502,7 +502,7 @@
     "drawerDescription": "Details zum ausgewählten Eintrag.",
     "emptyTitle": "Nichts gefunden",
     "emptyBody": "Der Eintrag, den du suchst, existiert nicht oder wurde entfernt. Tut uns leid.",
-    "searchPlaceholder": "Ort oder Gebiet suchen",
+    "searchPlaceholder": "Strasse oder Ort suchen",
     "searchError": "Etwas ist schiefgelaufen. Erneut versuchen?",
     "searchNoResults": "Keine Ergebnisse. Tippe weiter oder verfeinere deine Suche",
     "searchDialogTitle": "Karte durchsuchen",

messages/en.json

@@ -502,7 +502,7 @@
     "drawerDescription": "Selected listing details.",
     "emptyTitle": "Coming up empty",
     "emptyBody": "The listing you’re looking for doesn’t exist or has been removed. Sorry to disappoint.",
-    "searchPlaceholder": "Search for a place or area",
+    "searchPlaceholder": "Search for a street or place",
     "searchError": "Something went wrong. Try again?",
     "searchNoResults": "No results. Keep typing or refine your search",
     "searchDialogTitle": "Search the map",

messages/es.json

@@ -502,7 +502,7 @@
     "drawerDescription": "Detalles del anuncio seleccionado.",
     "emptyTitle": "No encontramos nada",
     "emptyBody": "El anuncio que buscas no existe o fue eliminado.",
-    "searchPlaceholder": "Busca un lugar o zona",
+    "searchPlaceholder": "Busca una calle o un lugar",
     "searchError": "Algo salió mal. ¿Intentarlo de nuevo?",
     "searchNoResults": "Sin resultados. Sigue escribiendo o ajusta tu búsqueda",
     "searchDialogTitle": "Buscar en el mapa",

messages/fr.json

@@ -502,7 +502,7 @@
     "drawerDescription": "Détails de l’annonce sélectionnée.",
     "emptyTitle": "Rien à l’horizon",
     "emptyBody": "L’annonce que vous cherchez n’existe pas ou a été supprimée. Désolé pour la déception.",
-    "searchPlaceholder": "Rechercher un lieu ou une zone",
+    "searchPlaceholder": "Rechercher une rue ou un lieu",
     "searchError": "Quelque chose s’est mal passé. Réessayer ?",
     "searchNoResults": "Aucun résultat. Continuez à taper ou affinez votre recherche",
     "searchDialogTitle": "Rechercher sur la carte",

messages/pt-BR.json

@@ -502,7 +502,7 @@
     "drawerDescription": "Detalhes do anúncio selecionado.",
     "emptyTitle": "Nada por aqui",
     "emptyBody": "O anúncio que você procura não existe ou foi removido. Desculpe a decepção.",
-    "searchPlaceholder": "Busque um lugar ou área",
+    "searchPlaceholder": "Busque uma rua ou um lugar",
     "searchError": "Algo deu errado. Tentar novamente?",
     "searchNoResults": "Nenhum resultado. Continue digitando ou refine a busca",
     "searchDialogTitle": "Buscar no mapa",

src/features/map/components/MapSearch.tsx

@@ -64,7 +64,11 @@ const DialogOverlay = styled(Dialog.Overlay)`
   position: fixed;
   inset: 0;
   z-index: 4;
-  background: rgba(0, 0, 0, 0.18);
+  background: rgba(0, 0, 0, 0.4);
+
+  @media (prefers-color-scheme: dark) {
+    background: rgba(0, 0, 0, 0.62);
+  }
 
   &[data-state="open"] {
     animation: ${overlayEnter} 140ms ease-out;

src/features/map/components/MapView.tsx

@@ -58,7 +58,7 @@ const MapContainer = styled.div`
   position: relative;
   width: 100%;
   height: 100%;
-  background-color: lightblue;
+  background-color: ${theme.colors.background.map};
 `;
 
 const ReturnToListingButton = styled(Button)`