progress: work on inner section of recipe create function

client/src/components/pages/AddRecipe.tsx

@@ -134,6 +134,9 @@ export default function AddRecipe() {
     async function handleCreate() {
         if (!user || !token) return;
 
+        let recipeID;
+        let recipeName;
+
         // initialize API handlers
         const recipeAPI = new API.Recipe(token);
         const ingredientAPI = new API.Ingredient(token);
@@ -157,10 +160,18 @@ export default function AddRecipe() {
             }
         }
 
+        // post recipe entry
+        const result = await recipeAPI.post(input);
+
+        if (result) {
+            recipeID = result.recipe.id;
+            recipeName = result.recipe.name;
+        }
+
         let preparedIngredientData = new Array<RecipeIngredient>();
         let newIngredientCount = 0;
 
-        // handle ingredient row data
+        // check ingredient row for null values; normalize each row's data and insert into array above
         for (let row of ingredientFieldData) {
             if (!row) continue;
             console.log(row);
@@ -180,10 +191,28 @@ export default function AddRecipe() {
                 continue;
             }
 
-            const newID = row.ingredients.filter(ingr => ingr.name == row.ingredientSelection)[0].id;
+            /**
+             * TO DO:
+             * 
+             * this inner row isn't working correctly just yet
+             * once the inputs for each row have been validated:
+             * 
+             * 1. create new ingredient entries for new ingredients
+             * 2. create ingredient recipe links for all recipes
+             */
+            
+            for (let ing of row.ingredients) {
+                // filter out recipes that already exist
+                if (!ingredients.filter(x => x.name == ing.name).includes(ing)) {
+                    console.log(ing.name);
+
+                    // post the new ingredient to the database
+                    const newEntry = await ingredientAPI.post(ing);
+                    const newID = newEntry.id;
 
                     const newIngredientData: RecipeIngredient = {
-                id: newID ?? row.ingredients.length + 1,
+                        ingredientid: newID,
+                        recipeid: recipeID ?? null,
                         name: row.ingredientSelection as string,
                         quantity: row.quantity,
                         unit: row.measurement
@@ -191,14 +220,19 @@ export default function AddRecipe() {
 
                     preparedIngredientData.push(newIngredientData);
 
-            for (let ing of row.ingredients) {
-                // filter out recipes that already exist
-                if (!ingredients.filter(x => x.name == ing.name).includes(ing)) {
-                    // post the new ingredient to the database
-                    const newEntry = await ingredientAPI.post(ing);
                     messages.push(`Successfully created new ingredient: ${ing.name}!`);
                     console.log(newEntry);
                     newIngredientCount++;
+                } else {
+                    const newIngredientData: RecipeIngredient = {
+                        ingredientid: (ingredients.filter(x => x.name == ing.name)[0].id as number),
+                        recipeid: recipeID ?? null,
+                        name: row.ingredientSelection as string,
+                        quantity: row.quantity,
+                        unit: row.measurement
+                    }
+
+                    preparedIngredientData.push(newIngredientData);
                 }
 
                 // update the ingredient list
@@ -206,13 +240,8 @@ export default function AddRecipe() {
             }
         }
 
-        // post recipe entry
-        const result = await recipeAPI.post(input);
-
         // handle recipe post resolve/reject
         if (result) {
-            const recipeID = result.recipe.id;
-            const recipeName = result.recipe.name;
             let recipeIngredientCount = 0;
 
             for (let ing of preparedIngredientData) {

client/src/components/pages/Recipe.tsx

@@ -44,7 +44,7 @@ export default function Recipe() {
                 (!ingredientData.length) && (async() => {
                     const ingredientAPI = new API.Ingredient(token);
                     const result = await ingredientAPI.getAllForRecipe(id);
-                    if (result.length) setIngredientData(result);
+                    setIngredientData(result);
                 })();
 
                 const selfAuthored = (recipe.authoruserid == user.id!);
@@ -59,7 +59,7 @@ export default function Recipe() {
                 }
             }
         }
-    }, [recipe])
+    }, [recipe, id])
 
     useEffect(() => {
         if (!userData) return;
@@ -92,7 +92,18 @@ export default function Recipe() {
                 </Protect>
             );
         }
-    }, [userData, recipe, ingredientData]);
+    }, [userData, recipe, ingredientData, id]);
+
+    useEffect(() => {
+        if (!ingredientData.length || !token) return;
+        for (let each of ingredientData) {
+            (async() => {
+                const ingredientAPI = new API.Ingredient(token);
+                const result = await ingredientAPI.getByID(each.ingredientid!.toString());
+                console.log(result);
+            })();
+        }
+    }, [ingredientData, token])
 
     return view
 }

server/models/recipe.ts

@@ -116,7 +116,7 @@ export class Recipe {
     }
 
     async addIngredientToRecipe(ingredient: RecipeIngredient, recipeid: string | number) {
-        const { quantity, unit, id } = ingredient;
+        const { quantity, unit, ingredientid } = ingredient;
 
         try {
             const statement = `
@@ -125,7 +125,7 @@ export class Recipe {
                 VALUES ($1, $2, $3, $4) RETURNING *
             `
 
-            const result = await pool.query(statement, [quantity, unit, id, recipeid]);
+            const result = await pool.query(statement, [quantity, unit, ingredientid, recipeid]);
 
             if (result.rows) return result.rows[0];
             return [];

server/schemas/index.ts

@@ -47,6 +47,8 @@ export interface IIngredient extends HasHistory {
 export interface RecipeIngredient extends Partial<IIngredient> {
     unit: string
     quantity: string | number
+    ingredientid: string | number
+    recipeid: string | number
 }
 
 export interface ICollection extends HasHistory, CanDeactivate {