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

Add an optional All option to raid select

Browse source
This commit is contained in:
Justin Edmund 2022-02-27 00:39:37 -08:00
parent bf85f9d99c
commit a9f14c8a38
2 changed files with 17 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
components/PartyDetails/index.tsx
View file

@ -79,6 +79,7 @@ const PartyDetails = (props: Props) => {
ref={nameInput}
/>
<RaidDropdown
allOption={false}
selected={appSnapshot.party.raid?.id || ''}
onBlur={updateDetails}
ref={raidSelect}

18
components/RaidDropdown/index.tsx
View file

@ -8,8 +8,10 @@ import './index.scss'
// Props
interface Props {
allOption: boolean
selected?: string
onBlur: (event: React.ChangeEvent<HTMLSelectElement>) => void
onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void
onBlur?: (event: React.ChangeEvent<HTMLSelectElement>) => void
}
const RaidDropdown = React.forwardRef<HTMLSelectElement, Props>(function useFieldSet(props, ref) {
@ -63,6 +65,18 @@ const RaidDropdown = React.forwardRef<HTMLSelectElement, Props>(function useFiel
groupedRaids[i] = raids.filter(raid => raid.group == i)
}
if (props.allOption)
groupedRaids[0].unshift({
id: '0',
name: {
en: 'All raids',
jp: '全て'
},
level: 0,
group: 0,
element: 0
})
setRaids(groupedRaids)
}
@ -82,7 +96,7 @@ const RaidDropdown = React.forwardRef<HTMLSelectElement, Props>(function useFiel
}
return (
<select key={props.selected} defaultValue={props.selected} onBlur={props.onBlur} ref={ref}>
<select key={props.selected} defaultValue={props.selected} onBlur={props.onBlur} onChange={props.onChange} ref={ref}>
{ Array.from(Array(raids?.length)).map((x, i) => {
return raidGroup(i)
})}