feat: add caught filter/sort

Calvein · Mar 27, 2020 · 289878c · 289878c
1 parent 59f4843
commit 289878c
Showing 1 changed file with 19 additions and 2 deletions.
diff --git a/src/pages/index.js b/src/pages/index.js
@@ -314,8 +314,7 @@ const columns = [
     Header: 'Caught',
     accessor: 'caught',
     width: 75,
-    disableFilters: true,
-    disableSortBy: true,
+    sortType: 'basic',
     Cell: ({ cell, onCaughtAnimal }) => {
       const animal = cell.row.values.name
 
@@ -329,6 +328,24 @@ const columns = [
         </Flex>
       )
     },
+    filter: (rows, id, filterValue) => {
+      if (!filterValue) return rows
+
+      return rows.filter((row) => !row.values.caught)
+    },
+    Filter: ({ column: { setFilter, filterValue } }) => {
+      return (
+        <FormControl mr={2}>
+          Not caught
+          <Stack height={10} isInline>
+            <Checkbox
+              isChecked={filterValue}
+              onChange={(e) => setFilter(e.target.checked)}
+            />
+          </Stack>
+        </FormControl>
+      )
+    },
   },
 ]