From d0f6e0fadb8cb65c16bfd1fa27a3fbc9c582f1ca Mon Sep 17 00:00:00 2001
From: Kacper Golinski <kacper@hopin.to>
Date: Fri, 12 Jul 2024 20:18:23 +0200
Subject: [PATCH] Update feature id label to $id in feature properties popup
 (#912)

Current label, "Feature ID", creates a little bit of confusion. It's not
clear that this label isn't really part of the feature properties.

For example, when we want to filter by feature id, we need to use `$id`

```
[==, "$id," 123]
```
---
 src/components/MapMaplibreGlFeaturePropertyPopup.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/MapMaplibreGlFeaturePropertyPopup.tsx b/src/components/MapMaplibreGlFeaturePropertyPopup.tsx
index 477a77f1..3f0ab95e 100644
--- a/src/components/MapMaplibreGlFeaturePropertyPopup.tsx
+++ b/src/components/MapMaplibreGlFeaturePropertyPopup.tsx
@@ -28,7 +28,7 @@ function renderFeature(feature: InspectFeature, idx: number) {
       <td colSpan={2} className="maputnik-popup-layer-id">{feature.layer['source']}: {feature.layer['source-layer']}{feature.inspectModeCounter && <span> × {feature.inspectModeCounter}</span>}</td>
     </tr>
     {renderKeyValueTableRow("$type", feature.geometry.type)}
-    {renderKeyValueTableRow("Feature ID", displayValue(feature.id))}
+    {renderKeyValueTableRow("$id", displayValue(feature.id))}
     {Object.keys(feature.properties).map(propertyName => {
       const property = feature.properties[propertyName];
       return renderKeyValueTableRow(propertyName, displayValue(property))