From 4ee4ea2cf8cea48fb5fa678e53998f72f257c02d Mon Sep 17 00:00:00 2001
From: Patrick Browne <pt.browne@gmail.com>
Date: Fri, 18 Feb 2022 13:44:32 +0100
Subject: [PATCH] fix: Hide labels on map

This should be temporary once we understand how to insert the viz layer
under the labels
---
 app/charts/map/get-base-layer-style.ts | 72 +++++++++++++++++++++++++-
 1 file changed, 71 insertions(+), 1 deletion(-)

diff --git a/app/charts/map/get-base-layer-style.ts b/app/charts/map/get-base-layer-style.ts
index 2c7d9de72c..e12a61f3da 100644
--- a/app/charts/map/get-base-layer-style.ts
+++ b/app/charts/map/get-base-layer-style.ts
@@ -5741,53 +5741,78 @@ const mergeLayers = (layers: Layer[], overrides: Layer[]) => {
 export const getBaseLayerStyle = (props: Props) => {
   const { locale } = props;
   const languageTag = `name:${locale === "en" ? "latin" : locale}`;
+  const textOpacity = 0;
   const style = {
     ...baseStyle,
     layers: mergeLayers(baseStyle.layers, [
       {
         id: "waterway_point_label",
+        paint: {
+          "text-opacity": textOpacity,
+        },
         layout: {
           "text-field": `{${languageTag}}`,
         },
       },
       {
         id: "waterway_line_label",
+        paint: {
+          "text-opacity": textOpacity,
+        },
         layout: {
           "text-field": `{${languageTag}}`,
         },
       },
       {
         id: "transportation_label",
+        paint: {
+          "text-opacity": textOpacity,
+        },
         layout: {
           "text-field": `{${languageTag}}`,
         },
       },
       {
         id: "road_number",
+        paint: {
+          "text-opacity": textOpacity,
+        },
         layout: {
           "text-field": `{${languageTag}}`,
         },
       },
       {
         id: "area_name_glacier_line_label",
+        paint: {
+          "text-opacity": textOpacity,
+        },
         layout: {
           "text-field": `{${languageTag}}`,
         },
       },
       {
         id: "poi_rank3",
+        paint: {
+          "text-opacity": textOpacity,
+        },
         layout: {
           "text-field": ["get", languageTag],
         },
       },
       {
         id: "poi_rank2",
+        paint: {
+          "text-opacity": textOpacity,
+        },
         layout: {
           "text-field": ["get", languageTag],
         },
       },
       {
         id: "peaks_other",
+        paint: {
+          "text-opacity": textOpacity,
+        },
         layout: {
           "text-field": [
             "format",
@@ -5802,6 +5827,9 @@ export const getBaseLayerStyle = (props: Props) => {
       },
       {
         id: "peaks_rank3+",
+        paint: {
+          "text-opacity": textOpacity,
+        },
         layout: {
           "text-field": [
             "format",
@@ -5816,6 +5844,9 @@ export const getBaseLayerStyle = (props: Props) => {
       },
       {
         id: "peaks_rank2",
+        paint: {
+          "text-opacity": textOpacity,
+        },
         layout: {
           "text-field": [
             "format",
@@ -5830,6 +5861,9 @@ export const getBaseLayerStyle = (props: Props) => {
       },
       {
         id: "peaks_rank1",
+        paint: {
+          "text-opacity": textOpacity,
+        },
         layout: {
           "text-field": [
             "format",
@@ -5844,72 +5878,108 @@ export const getBaseLayerStyle = (props: Props) => {
       },
       {
         id: "place_other",
+        paint: {
+          "text-opacity": textOpacity,
+        },
         layout: {
           "text-field": ["get", languageTag],
         },
       },
       {
         id: "poi_rank1",
+        paint: {
+          "text-opacity": textOpacity,
+        },
         layout: {
           "text-field": ["get", languageTag],
         },
       },
       {
         id: "place_hamlet_isolated_dwelling",
+        paint: {
+          "text-opacity": textOpacity,
+        },
         layout: {
           "text-field": ["get", languageTag],
         },
       },
       {
         id: "place_village",
+        paint: {
+          "text-opacity": textOpacity,
+        },
         layout: {
           "text-field": ["get", languageTag],
         },
       },
       {
         id: "place_village",
+        paint: {
+          "text-opacity": textOpacity,
+        },
         layout: {
           "text-field": ["get", languageTag],
         },
       },
       {
         id: "aerodrome_label",
+        paint: {
+          "text-opacity": textOpacity,
+        },
         layout: {
           "text-field": ["get", languageTag],
         },
       },
       {
         id: "water_name_line_label",
+        paint: {
+          "text-opacity": textOpacity,
+        },
         layout: {
           "text-field": `{${languageTag}}`,
         },
       },
       {
         id: "place_town",
+        paint: {
+          "text-opacity": textOpacity,
+        },
         layout: {
           "text-field": ["get", languageTag],
         },
       },
       {
         id: "park_label",
+        paint: {
+          "text-opacity": textOpacity,
+        },
         layout: {
           "text-field": `{${languageTag}}`,
         },
       },
       {
         id: "area_name_massif_label",
+        paint: {
+          "text-opacity": textOpacity,
+        },
         layout: {
           "text-field": `{${languageTag}}`,
         },
       },
       {
-        id: "place_country",
+        id: "place_city",
+        paint: {
+          "text-opacity": textOpacity,
+        },
         layout: {
           "text-field": ["get", languageTag],
         },
       },
       {
         id: "place_country",
+        paint: {
+          "text-opacity": textOpacity,
+        },
         layout: {
           "text-field": `{${languageTag}}`,
         },