From 0f272e233badc64680888488cfd6e75b082116f1 Mon Sep 17 00:00:00 2001
From: Lukas Martinelli <me@lukasmartinelli.ch>
Date: Mon, 9 Jan 2017 23:04:08 +0100
Subject: [PATCH] Rename to FeatureLayerPopup

---
 .../{FeatureLayerTable.jsx => FeatureLayerPopup.jsx}   | 10 ++++++----
 src/components/map/MapboxGlMap.jsx                     |  4 ++--
 2 files changed, 8 insertions(+), 6 deletions(-)
 rename src/components/map/{FeatureLayerTable.jsx => FeatureLayerPopup.jsx} (87%)

diff --git a/src/components/map/FeatureLayerTable.jsx b/src/components/map/FeatureLayerPopup.jsx
similarity index 87%
rename from src/components/map/FeatureLayerTable.jsx
rename to src/components/map/FeatureLayerPopup.jsx
index 56236d2a..31dc2d67 100644
--- a/src/components/map/FeatureLayerTable.jsx
+++ b/src/components/map/FeatureLayerPopup.jsx
@@ -31,13 +31,15 @@ function groupFeaturesBySourceLayer(features) {
   return sources
 }
 
-class FeatureLayerTable extends React.Component {
+class FeatureLayerPopup extends React.Component {
   render() {
     const sources = groupFeaturesBySourceLayer(this.props.features)
 
     const items = Object.keys(sources).map(vectorLayerId => {
-      const layers = sources[vectorLayerId].map(feature => {
-        return <label style={{
+      const layers = sources[vectorLayerId].map((feature, idx) => {
+        return <label
+          key={idx}
+          style={{
             ...input.label,
             display: 'block',
             width: 'auto',
@@ -63,4 +65,4 @@ class FeatureLayerTable extends React.Component {
 }
 
 
-export default FeatureLayerTable
+export default FeatureLayerPopup
diff --git a/src/components/map/MapboxGlMap.jsx b/src/components/map/MapboxGlMap.jsx
index dc948969..cc7d97df 100644
--- a/src/components/map/MapboxGlMap.jsx
+++ b/src/components/map/MapboxGlMap.jsx
@@ -2,7 +2,7 @@ import React from 'react'
 import ReactDOM from 'react-dom'
 import MapboxGl from 'mapbox-gl/dist/mapbox-gl.js'
 import MapboxInspect from 'mapbox-gl-inspect'
-import FeatureLayerTable from './FeatureLayerTable'
+import FeatureLayerPopup from './FeatureLayerPopup'
 import FeaturePropertyPopup from './FeaturePropertyPopup'
 import validateColor from 'mapbox-gl-style-spec/lib/validate/validate_color'
 import colors from '../../config/colors'
@@ -13,7 +13,7 @@ import '../../mapboxgl.css'
 
 function renderLayerPopup(features) {
   var mountNode = document.createElement('div');
-  ReactDOM.render(<FeatureLayerTable features={features} />, mountNode)
+  ReactDOM.render(<FeatureLayerPopup features={features} />, mountNode)
   return mountNode.innerHTML;
 }