From afa511a03de1affc9398dc3bdfdd0f2a4528f8d9 Mon Sep 17 00:00:00 2001
From: Karim Gharbi <gharbi.karim@outlook.de>
Date: Sun, 9 Jun 2024 13:15:35 +0200
Subject: [PATCH] improve code readability

---
 .../components/recipeUpload/recipeUpload.tsx  | 35 +++++++++----------
 1 file changed, 16 insertions(+), 19 deletions(-)

diff --git a/frontend/src/components/recipeUpload/recipeUpload.tsx b/frontend/src/components/recipeUpload/recipeUpload.tsx
index e58841e..b15ce34 100644
--- a/frontend/src/components/recipeUpload/recipeUpload.tsx
+++ b/frontend/src/components/recipeUpload/recipeUpload.tsx
@@ -201,33 +201,30 @@ return (
       <div id='blocker1'></div>
       <div id='blocker1'></div>
       
-      <br />
-          <div className="form-groupIngredient">
-            <label htmlFor="ingredientInput">Steps</label>
-            {[...Array(stepCounter)].map((_, index) => (
-              <div key={index}>
-                <input
-                  id={`stepInput${index}`}
-                  name={`Step ${index + 1}`}
-                  value={steps[index]}
-                  onChange={(e) => handleStepChange(index, e.target.value)}
-                />
-                <label htmlFor={`ingredientInput${index}`}>{index + 1}</label>
-              </div>
-            ))}
+      <div className="form-groupIngredient">
+        <label htmlFor="ingredientInput">Steps</label>
+        {[...Array(stepCounter)].map((_, index) => (
+          <div key={index}>
+            <input
+              id={`stepInput${index}`}
+              name={`Step ${index + 1}`}
+              value={steps[index]}
+              onChange={(e) => handleStepChange(index, e.target.value)}
+            />
+            <label htmlFor={`ingredientInput${index}`}>{index + 1}</label>
           </div>
-        <button className='addOneMoreIngredient' onClick={incrementStepCounter}>Add Step</button>
-        <br />
+        ))}
+      </div>
+      <button className='addOneMoreIngredient' onClick={incrementStepCounter}>Add Step</button>
+      <br />
 
 
       <div className='discription'><textarea className= "discriptionInput" name="Description" placeholder='Description' onChange={(e) => { setdescription(e.target.value); }}></textarea>
         <span className='discriptionSpan'>Description</span>
       </div>
 
-          
       <button className='addOneMoreIngredient'  onClick={addRecipe}>Save Recipe</button>
-       
-      
+    
     </div> 
   </div>
 </body>