Disable species/color picker while item page loads
Ok I think I've finally narrowed this bug down! We had one more loading case: the items page needs time to figure out which species/color to default the fields to, and passes null into the component while this loads. Now, we wait for that!
This commit is contained in:
parent
be7401d62a
commit
5d827bc78d
1 changed files with 5 additions and 2 deletions
|
@ -179,8 +179,11 @@ function SpeciesColorPicker({
|
||||||
aria-label="Pet color"
|
aria-label="Pet color"
|
||||||
value={colorId}
|
value={colorId}
|
||||||
// We also wait for the valid pairs before enabling, so users can't
|
// We also wait for the valid pairs before enabling, so users can't
|
||||||
// trigger change events we're not ready for.
|
// trigger change events we're not ready for. Also, if the caller
|
||||||
isLoading={allColors.length === 0 || loadingValids}
|
// hasn't provided species and color yet, assume it's still loading.
|
||||||
|
isLoading={
|
||||||
|
allColors.length === 0 || loadingValids || !speciesId || !colorId
|
||||||
|
}
|
||||||
isDisabled={isDisabled}
|
isDisabled={isDisabled}
|
||||||
onChange={onChangeColor}
|
onChange={onChangeColor}
|
||||||
size={size}
|
size={size}
|
||||||
|
|
Loading…
Reference in a new issue