diff --git a/frontend/src/pages/Applications/Applications.js b/frontend/src/pages/Applications/Applications.js index 0f045a2..48d7e7d 100644 --- a/frontend/src/pages/Applications/Applications.js +++ b/frontend/src/pages/Applications/Applications.js @@ -434,20 +434,6 @@ const ApplicationPlanModal = ({ } }, [editingPlan, products]); - // Load spreader recommendation when relevant fields change - useEffect(() => { - loadSpreaderRecommendation(planData.selectedProduct, planData.equipmentId, planData.selectedAreas); - }, [planData.selectedProduct, planData.equipmentId, planData.selectedAreas, selectedPropertyDetails, equipment]); - - const handlePropertyChange = async (propertyId) => { - setPlanData({ ...planData, propertyId, selectedAreas: [] }); - if (propertyId && propertyId !== selectedPropertyDetails?.id?.toString()) { - setLoadingProperty(true); - await onPropertySelect(propertyId); - setLoadingProperty(false); - } - }; - // Load spreader recommendations when granular product and spreader are selected const loadSpreaderRecommendation = async (product, equipmentId, selectedAreas) => { if (!product || !equipmentId || !selectedAreas.length || product.productType !== 'granular') { @@ -545,6 +531,20 @@ const ApplicationPlanModal = ({ setLoadingRecommendation(false); } }; + + // Load spreader recommendation when relevant fields change + useEffect(() => { + loadSpreaderRecommendation(planData.selectedProduct, planData.equipmentId, planData.selectedAreas); + }, [planData.selectedProduct, planData.equipmentId, planData.selectedAreas, selectedPropertyDetails, equipment]); + + const handlePropertyChange = async (propertyId) => { + setPlanData({ ...planData, propertyId, selectedAreas: [] }); + if (propertyId && propertyId !== selectedPropertyDetails?.id?.toString()) { + setLoadingProperty(true); + await onPropertySelect(propertyId); + setLoadingProperty(false); + } + }; // Filter equipment based on application type const availableEquipment = equipment.filter(eq => {