From b2cff623b752a519ade82d720d7d3ddcdd69c36b Mon Sep 17 00:00:00 2001
From: Malar Kannan <malarkannan.p@gmail.com>
Date: Sun, 1 Jul 2018 21:25:23 +0530
Subject: [PATCH] configurable color map for rows

---
 public/config.json      | 6 +++++-
 src/ServerTabLoader.tsx | 2 +-
 src/ServerTable.tsx     | 8 ++++----
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/public/config.json b/public/config.json
index c44e8da..84a8249 100644
--- a/public/config.json
+++ b/public/config.json
@@ -2,7 +2,11 @@
   "tabList": [{
       "tabTitle": "Tab 1",
       "fileName": "data.csv",
-      "colorColumn": "status"
+      "colorColumn": "status",
+      "colorMap" : {
+        "complicated":"red",
+        "single":"green"
+      }
     },
     {
       "tabTitle": "Tab 2",
diff --git a/src/ServerTabLoader.tsx b/src/ServerTabLoader.tsx
index fee3be6..c0c4f65 100644
--- a/src/ServerTabLoader.tsx
+++ b/src/ServerTabLoader.tsx
@@ -67,7 +67,7 @@ export default class ServerTabLoader extends React.Component<any, any> {
             </TabList>
             {this.state.tabList.map((o: any, i: number) =>
               (<TabPanel key={i}>
-                <ServerTable csvFile={o.fileName} colorColumn={o.colorColumn} />
+                <ServerTable csvFile={o.fileName} colorColumn={o.colorColumn} colorMap={o.colorMap} />
               </TabPanel>
               )
             )}
diff --git a/src/ServerTable.tsx b/src/ServerTable.tsx
index cc3eee5..d9ba507 100644
--- a/src/ServerTable.tsx
+++ b/src/ServerTable.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Tips } from "./Utils";
 import * as _ from 'lodash';
 import { Button } from 'bloomer';
-const randomColor = require('randomcolor');
+// const randomColor = require('randomcolor');
 const reactcsv = require('react-csv');
 const CSVLink = reactcsv.CSVLink;
 import * as Papa from 'papaparse';
@@ -19,8 +19,8 @@ export default class ServerTable extends React.Component<any, any> {
     }
     const loaded = (results: any) => {
       const local = this;
-      const colsUnique = _.keys(_.groupBy(results.data, (o: any) => _.get<any>(o, this.props.colorColumn)));
-      const colColorMap = _.zipObject(colsUnique, _.map(colsUnique, () => randomColor()));
+      // const colsUnique = _.keys(_.groupBy(results.data, (o: any) => _.get<any>(o, this.props.colorColumn)));
+      const colColorMap = this.props.colorMap; // _.zipObject(colsUnique, _.map(colsUnique, () => randomColor()));
       local.setState({
         headers: results.meta.fields,
         data: results.data,
@@ -61,7 +61,7 @@ export default class ServerTable extends React.Component<any, any> {
         return {};
       }
       const colValue = _.get<any>(rowInfo.row, colorCol, '');
-      const colColor = _.get<any>(colColorMap, colValue, 'green');
+      const colColor = _.get<any>(colColorMap, colValue, 'white');
       return {
         style: {
           background: colColor