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

Replace RaidDropdown with RaidCombobox

Browse source
This commit is contained in:
Justin Edmund 2023-06-05 20:25:27 -07:00
parent 436bec07b5
commit 659967f710
1 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
components/party/PartyHeader/index.tsx
View file

@ -9,7 +9,7 @@ import Button from '~components/common/Button'
import CharLimitedFieldset from '~components/common/CharLimitedFieldset' import CharLimitedFieldset from '~components/common/CharLimitedFieldset'
import DurationInput from '~components/common/DurationInput' import DurationInput from '~components/common/DurationInput'
import Input from '~components/common/Input' import Input from '~components/common/Input'
import RaidDropdown from '~components/RaidDropdown' import RaidCombobox from '~components/raids/RaidCombobox'
import Switch from '~components/common/Switch' import Switch from '~components/common/Switch'
import Tooltip from '~components/common/Tooltip' import Tooltip from '~components/common/Tooltip'
import Token from '~components/common/Token' import Token from '~components/common/Token'
@ -227,8 +227,8 @@ const PartyHeader = (props: Props) => {
setOpen(!open) setOpen(!open)
} }
function receiveRaid(slug?: string) { function receiveRaid(raid?: Raid) {
if (slug) setRaidSlug(slug) if (raid) setRaidSlug(raid?.slug)
} }
function switchValue(value: boolean) { function switchValue(value: boolean) {
@ -260,7 +260,8 @@ const PartyHeader = (props: Props) => {
function updateDetails(event: React.MouseEvent) { function updateDetails(event: React.MouseEvent) {
const descriptionValue = descriptionInput.current?.value const descriptionValue = descriptionInput.current?.value
const raid = raids.find((raid) => raid.slug === raidSlug) const allRaids = appState.raidGroups.flatMap((group) => group.raids)
const raid = allRaids.find((raid) => raid.slug === raidSlug)
const details: DetailsObject = { const details: DetailsObject = {
fullAuto: fullAuto, fullAuto: fullAuto,
@ -498,9 +499,9 @@ const PartyHeader = (props: Props) => {
error={errors.name} error={errors.name}
ref={nameInput} ref={nameInput}
/> />
<RaidDropdown <RaidCombobox
showAllRaidsOption={false} showAllRaidsOption={false}
currentRaid={props.party?.raid ? props.party?.raid.slug : undefined} currentRaid={props.party?.raid ? props.party?.raid : undefined}
onChange={receiveRaid} onChange={receiveRaid}
/> />
<ul className="SwitchToggleGroup DetailToggleGroup"> <ul className="SwitchToggleGroup DetailToggleGroup">
@ -650,7 +651,7 @@ const PartyHeader = (props: Props) => {
</div> </div>
<div className="attribution"> <div className="attribution">
{renderUserBlock()} {renderUserBlock()}
{party.raid ? linkedRaidBlock(party.raid) : ''} {appState.party.raid ? linkedRaidBlock(appState.party.raid) : ''}
{party.created_at != '' ? ( {party.created_at != '' ? (
<time <time
className="last-updated" className="last-updated"