lightweight/right-tree
1
0
Fork 0
Code Issues 17 Pull requests Projects Releases Packages Wiki Activity Actions

Fix console warnings

Browse source 
- remove unused project specifics step
- add dependents to habitat selector useEffect
- change == to === in zone selector
This commit is contained in:
Dana Lambert 2021-11-08 17:12:06 +13:00
parent e2a627d758
commit 460fcb5c09
3 changed files with 4 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
frontend/src/components/Stepper.js
View file

@ -9,7 +9,6 @@ import LocationStep from './steps/location/LocationStep'
import SoilStep from './steps/soilvariant/SoilStep' import SoilStep from './steps/soilvariant/SoilStep'
import HabitatStep from './steps/habitat/HabitatStep'; import HabitatStep from './steps/habitat/HabitatStep';
import ZoneStep from './steps/zone/ZoneStep'; import ZoneStep from './steps/zone/ZoneStep';
import ProjectSpecificsStep from './steps/specifics/ProjectSpecificsStep';
import SummaryStep from './steps/summary/ZoneStep'; import SummaryStep from './steps/summary/ZoneStep';
import ResultsStep from './steps/results/ResultsStep' import ResultsStep from './steps/results/ResultsStep'

6
frontend/src/components/steps/habitat/HabitatSelector.js
View file

@ -42,7 +42,7 @@ export default function HabitatSelector(props) {
if (props.filters.habitat && props.filters.habitatImage) { if (props.filters.habitat && props.filters.habitatImage) {
props.setNextDisabled(false); props.setNextDisabled(false);
} }
}); }, [habitats.length, props, habitatsMap]);
const setHabitatImage = (imageId) => { const setHabitatImage = (imageId) => {
// Sets the selected image radio, updates filter state for image and enable the next button // Sets the selected image radio, updates filter state for image and enable the next button
@ -67,7 +67,7 @@ export default function HabitatSelector(props) {
} }
// Update the filters for the selected habitat // Update the filters for the selected habitat
props.updateFilterState({ "habitat": habitatObject }); props.updateFilterState({ "habitat": {"id": habitatObject.id, "name": habitatObject.name} });
}; };
const handleImageRadioChange = (event) => { const handleImageRadioChange = (event) => {
@ -79,7 +79,7 @@ export default function HabitatSelector(props) {
return ( return (
<div> <div>
<p>{image.name}</p> <p>{image.name}</p>
<img src={require(`../../../assets/img/habitats/${image.image_filename}`).default} style={{ "width": "300px" }} /> <img src={require(`../../../assets/img/habitats/${image.image_filename}`).default} alt={image.name} style={{ "width": "300px" }} />
</div>) </div>)
} }

2
frontend/src/components/steps/zone/ZoneSelector.js
View file

@ -62,7 +62,7 @@ export default function ZoneSelector(props) {
// Actual zone selector // Actual zone selector
(<div style={stepBackground}> (<div style={stepBackground}>
{habitatImageObject && habitatImageObject.image_segments && Array.isArray(habitatImageObject.image_segments) && habitatImageObject.image_segments.map(segment => {habitatImageObject && habitatImageObject.image_segments && Array.isArray(habitatImageObject.image_segments) && habitatImageObject.image_segments.map(segment =>
<div onClick={() => { selectZone(segment) }} className={`selectable-section ${selectedZoneSegment == segment.zone ? 'selected-segment' : ''}`} style={{ width: `${segment.segment_percentage_width}%`, height: '100%' }}></div> <div onClick={() => { selectZone(segment) }} className={`selectable-section ${selectedZoneSegment === segment.zone ? 'selected-segment' : ''}`} style={{ width: `${segment.segment_percentage_width}%`, height: '100%' }}></div>
)} )}
</div> </div>
)} )}