From 1b7baa25886f93d092abecd048105ca19c21c00a Mon Sep 17 00:00:00 2001
From: Amit Bhavikatti <amitmbhavikatti@gmail.com>
Date: Mon, 2 Apr 2018 18:39:48 +0530
Subject: [PATCH 1/2] Add a checkbox in table-header to check/uncheck all

---
 app/components/request_list.tsx | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/app/components/request_list.tsx b/app/components/request_list.tsx
index 92172d6..990d60c 100644
--- a/app/components/request_list.tsx
+++ b/app/components/request_list.tsx
@@ -55,7 +55,19 @@ const RequestList = (props: RequestObj) => {
     },
     {
       id: "checkbox",
-      accessor: "",
+      accessor: "data",
+      Header : (data) => {
+          return <input type="checkbox" className="checkAll" onChange={e => {
+            data.data.map( (val, index) => {
+              if(e.target.checked){
+                props.handleCheckToggle(val._original.requestId, true)
+              }else{
+                props.handleCheckToggle(val._original.requestId, false)
+              }
+            })
+          }}/>
+        }
+          ,
       Cell: ({original}) => {
         return (
           <input
@@ -68,7 +80,6 @@ const RequestList = (props: RequestObj) => {
           />
         );
       },
-      Header: "Intercept",
       sortable: false,
       width: 75,
       className: 'text-center'

From 528dea7f4f5bdef02bdfc19159a3ccb26005b6ad Mon Sep 17 00:00:00 2001
From: Amit Bhavikatti <amitmbhavikatti@gmail.com>
Date: Mon, 2 Apr 2018 19:06:20 +0530
Subject: [PATCH 2/2] Cleanup check/uncheck all code - use es6

---
 app/components/request_list.tsx | 22 ++++++++--------------
 1 file changed, 8 insertions(+), 14 deletions(-)

diff --git a/app/components/request_list.tsx b/app/components/request_list.tsx
index 990d60c..b0bd3e2 100644
--- a/app/components/request_list.tsx
+++ b/app/components/request_list.tsx
@@ -55,21 +55,16 @@ const RequestList = (props: RequestObj) => {
     },
     {
       id: "checkbox",
-      accessor: "data",
-      Header : (data) => {
-          return <input type="checkbox" className="checkAll" onChange={e => {
-            data.data.map( (val, index) => {
-              if(e.target.checked){
-                props.handleCheckToggle(val._original.requestId, true)
-              }else{
-                props.handleCheckToggle(val._original.requestId, false)
-              }
-            })
-          }}/>
+      Header : (data) =>
+      <input type="checkbox" className="checkAll" onChange={e =>
+          data.data.forEach( (val) => e.target.checked ?
+          props.handleCheckToggle(val._original.requestId, true) :
+          props.handleCheckToggle(val._original.requestId, false)
+          )
         }
-          ,
+       />,
+      accessor: "data",
       Cell: ({original}) => {
-        return (
           <input
             type="checkbox"
             className="checkbox"
@@ -78,7 +73,6 @@ const RequestList = (props: RequestObj) => {
               props.handleCheckToggle(original.requestId, e.target.checked);
             }}
           />
-        );
       },
       sortable: false,
       width: 75,