granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add keys to SearchFilters

Browse source
This commit is contained in:
Justin Edmund 2022-12-28 22:03:12 -08:00
parent 7eb129f01b
commit 7bc872644a
1 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
components/WeaponSearchFilterBar/index.tsx
View file

@ -153,7 +153,7 @@ const WeaponSearchFilterBar = (props: Props) => {
const renderSingleWeaponSeries = (id: number, slug: string) => { const renderSingleWeaponSeries = (id: number, slug: string) => {
return ( return (
<SearchFilterCheckboxItem <SearchFilterCheckboxItem
key={id} key={slug}
onCheckedChange={handleSeriesChange} onCheckedChange={handleSeriesChange}
checked={seriesState[slug].checked} checked={seriesState[slug].checked}
valueKey={slug} valueKey={slug}
@ -171,6 +171,7 @@ const WeaponSearchFilterBar = (props: Props) => {
<div className="SearchFilterBar"> <div className="SearchFilterBar">
<SearchFilter <SearchFilter
label={t('filters.labels.rarity')} label={t('filters.labels.rarity')}
key="rarity"
numSelected={ numSelected={
Object.values(rarityState) Object.values(rarityState)
.map((x) => x.checked) .map((x) => x.checked)
@ -198,6 +199,7 @@ const WeaponSearchFilterBar = (props: Props) => {
<SearchFilter <SearchFilter
label={t('filters.labels.element')} label={t('filters.labels.element')}
key="element"
numSelected={ numSelected={
Object.values(elementState) Object.values(elementState)
.map((x) => x.checked) .map((x) => x.checked)
@ -225,6 +227,7 @@ const WeaponSearchFilterBar = (props: Props) => {
<SearchFilter <SearchFilter
label={t('filters.labels.proficiency')} label={t('filters.labels.proficiency')}
key="proficiency"
numSelected={ numSelected={
Object.values(proficiencyState) Object.values(proficiencyState)
.map((x) => x.checked) .map((x) => x.checked)
@ -278,6 +281,7 @@ const WeaponSearchFilterBar = (props: Props) => {
<SearchFilter <SearchFilter
label={t('filters.labels.series')} label={t('filters.labels.series')}
key="series"
numSelected={ numSelected={
Object.values(seriesState) Object.values(seriesState)
.map((x) => x.checked) .map((x) => x.checked)