fix setting filter

Signed-off-by: Shan He <[email protected]>

Author: heshan0131

src/components/KeplerGL/index.js

@@ -55,11 +55,14 @@ class KeplerGlComponent extends React.Component {
     };
     const config = keplerConfig ? JSON.parse(keplerConfig) : undefined;
     const hasMapStateConfig = Boolean(config && config.config && config.config.mapState);
-    
+
     this.props.dispatch(
       addDataToMap({
         datasets,
-        options: {readOnly, centerMap: !hasMapStateConfig},
+        options: {
+          readOnly,
+          centerMap: !hasMapStateConfig
+        },
         config
       })
     );

src/reducers.js

@@ -51,6 +51,8 @@ const composedReducer = (state, action) => {
   switch (action.type) {
     case MARKER_SELECT:
       return markerSelectUpdater(state, action);
+    default:
+      break;
   }
 
   return reducers(state, action);
@@ -68,7 +70,7 @@ function markerSelectUpdater(state, action) {
   );
   const {field, values} = action.payload;
   const visState = visStateSelector(state);
-  let currentFilterIdx = visState.filters.findIndex(f => f.name === field && f.dataId === DATA_ID && f.tableauMarkerFilter);
+  let currentFilterIdx = visState.filters.findIndex(f => f.name.includes(field) && f.dataId.includes(DATA_ID) && f.tableauMarkerFilter);
   let nextState = visState;
   if (values.length) {
     if (currentFilterIdx < 0) {
@@ -79,7 +81,7 @@ function markerSelectUpdater(state, action) {
       }
       log('add filter based on marker')
       // add filter
-      nextState = visStateUpdaters.addFilterUpdater(nextState, {dataId: DATA_ID});
+      nextState = visStateUpdaters.addFilterUpdater(nextState, {dataId: [DATA_ID]});
 
       // added filter should be the last one
       const idx = nextState.filters.length - 1;
@@ -135,10 +137,10 @@ function getNewFilter(state, idx, field) {
   const newFilter = {
     ...state.filters[idx],
     ...filterProp,
-    name: field.name,
+    name: [field.name],
     // can't edit dataId once name is selected
     freeze: true,
-    fieldIdx,
+    fieldIdx: [fieldIdx],
     // add tableau identifier to filter
     tableauMarkerFilter: true
   };