diff --git a/frontend/src/pages/Applications/Applications.js b/frontend/src/pages/Applications/Applications.js
index eaf9926..7f00284 100644
--- a/frontend/src/pages/Applications/Applications.js
+++ b/frontend/src/pages/Applications/Applications.js
@@ -112,6 +112,7 @@ const ApplicationPlanModal = ({ onClose, onSubmit }) => {
propertyId: '',
selectedAreas: [],
productId: '',
+ selectedProduct: null,
applicationType: '', // 'liquid' or 'granular'
equipmentId: '',
notes: ''
@@ -135,11 +136,20 @@ const ApplicationPlanModal = ({ onClose, onSubmit }) => {
console.log('Equipment response:', equipmentResponse.data);
setProperties(propertiesResponse.data.data.properties || []);
- // Combine shared and user products
- const allProducts = [
- ...(productsResponse.data.data.sharedProducts || []),
- ...(productsResponse.data.data.userProducts || [])
- ];
+ // Combine shared and user products with unique IDs
+ const sharedProducts = (productsResponse.data.data.sharedProducts || []).map(product => ({
+ ...product,
+ uniqueId: `shared_${product.id}`,
+ isShared: true
+ }));
+
+ const userProducts = (productsResponse.data.data.userProducts || []).map(product => ({
+ ...product,
+ uniqueId: `user_${product.id}`,
+ isShared: false
+ }));
+
+ const allProducts = [...sharedProducts, ...userProducts];
setProducts(allProducts);
setEquipment(equipmentResponse.data.data.equipment || []);
} catch (error) {
@@ -297,7 +307,7 @@ const ApplicationPlanModal = ({ onClose, onSubmit }) => {
className="input"
value={planData.productId}
onChange={(e) => {
- const selectedProduct = products.find(p => p.id === parseInt(e.target.value));
+ const selectedProduct = products.find(p => p.uniqueId === e.target.value);
console.log('Selected product:', selectedProduct);
// Determine application type from product type
@@ -315,6 +325,7 @@ const ApplicationPlanModal = ({ onClose, onSubmit }) => {
setPlanData({
...planData,
productId: e.target.value,
+ selectedProduct: selectedProduct,
applicationType: applicationType
});
}}
@@ -330,7 +341,7 @@ const ApplicationPlanModal = ({ onClose, onSubmit }) => {
: '';
return (
-
);