Commit 0528d4c

steviekongsidharth-ping

and

authored

Presist filters between refreshes (#167)

Co-authored-by: steviekong <sidharth@pingthis.in>

1 parent a5f7194 commit 0528d4cCopy full SHA for 0528d4c

File tree

+23

-4

lines changed

+23

-4

lines changed

Lines changed: 5 additions & 4 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,11 +1,12 @@`
`1`	`1`	`import React from 'react';`
`2`	`2`
`3`		`-function CreateDropDownListHelper(options, filterValue, setFilter) {`
	`3`	`+function CreateDropDownListHelper(options, filterValue, setFilter,id) {`
`4`	`4`	`return (`
`5`	`5`	`<select`
`6`	`6`	`value={filterValue}`
`7`	`7`	`onChange={e => {`
`8`	`8`	`setFilter(e.target.value \|\| '');`
	`9`	`+ localStorage.setItem(id, e.target.value);`
`9`	`10`	`}}`
`10`	`11`	`>`
`11`	`12`	`<option value="">All</option>`
`@@ -37,11 +38,11 @@ export function DefaultColumnFilter({`
`37`	`38`	`}`
`38`	`39`
`39`	`40`	`export function SelectDifficultyColumnFilter({`
`40`		`- column: { filterValue, setFilter },`
	`41`	`+ column: { filterValue, setFilter, id },`
`41`	`42`	`}) {`
`42`	`43`	`const options = ['Easy', 'Medium', 'Hard'];`
`43`	`44`
`44`		`- return CreateDropDownListHelper(options, filterValue, setFilter);`
	`45`	`+ return CreateDropDownListHelper(options, filterValue, setFilter,id);`
`45`	`46`	`}`
`46`	`47`
`47`	`48`	`export function SelectColumnFilter({`
`@@ -61,5 +62,5 @@ export function SelectColumnFilter({`
`61`	`62`	`return [...set.values()].sort();`
`62`	`63`	`}, [id, preFilteredRows]);`
`63`	`64`
`64`		`- return CreateDropDownListHelper(options, filterValue, setFilter);`
	`65`	`+ return CreateDropDownListHelper(options, filterValue, setFilter,id);`
`65`	`66`	`}`

Lines changed: 18 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -280,6 +280,7 @@ const Table = () => {`
`280`	`280`	`},`
`281`	`281`	`accessor: 'pattern',`
`282`	`282`	`disableSortBy: true,`
	`283`	`+ id: 'pattern',`
`283`	`284`	`Cell: cellInfo => {`
`284`	`285`	const patterns = `${cellInfo.row.original.pattern}`
`285`	`286`	`.split(',')`
`@@ -307,6 +308,7 @@ const Table = () => {`
`307`	`308`	`{`
`308`	`309`	`Header: 'Difficulty',`
`309`	`310`	`accessor: 'difficulty',`
	`311`	`+ id: 'difficulty',`
`310`	`312`	`disableSortBy: true,`
`311`	`313`	`Cell: cellInfo => (`
`312`	`314`	`<Row>`
`@@ -380,6 +382,22 @@ const Table = () => {`
`380`	`382`	`columns,`
`381`	`383`	`data,`
`382`	`384`	`defaultColumn,`
	`385`	`+ initialState: {`
	`386`	`+ filters: [`
	`387`	`+ {`
	`388`	`+ id: 'difficulty',`
	`389`	`+ value: localStorage.getItem('difficulty') \|\| '',`
	`390`	`+ },`
	`391`	`+ {`
	`392`	`+ id: 'pattern',`
	`393`	`+ value: localStorage.getItem('pattern') \|\| '',`
	`394`	`+ },`
	`395`	`+ {`
	`396`	`+ id: 'companies',`
	`397`	`+ value: localStorage.getItem('companies') \|\| '',`
	`398`	`+ },`
	`399`	`+ ],`
	`400`	`+ },`
`383`	`401`	`},`
`384`	`402`	`useFilters,`
`385`	`403`	`useSortBy,`

Comments

(0)