Added recipe detail view, some ui adjustments

SwiftFood/Assets.xcassets/food.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "filename" : "food.jpg",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

SwiftFood/Views/ContentView.swift

@@ -13,8 +13,8 @@ struct ContentView: View {
             VStack {
                 Image("kitchen")
                     .resizable()
-                    .scaledToFit() // Maintains aspect ratio
-                    .frame(width: 300) // Limits the width to 300
+                    .scaledToFit()
+                    .frame(width: 300) 
 
                 Text("My Little Kitchen.")
                     .font(.largeTitle)

SwiftFood/Views/MyIngredientList.swift

@@ -18,8 +18,9 @@ struct MyIngredientList: View {
 
     var body: some View {
         VStack {
-            Text("My Ingredients")
-                .font(.headline)
+            Text("Ingredients")
+                .font(.title2)
+                .fontWeight(.bold)
 
             // Text input fields
             // Uses accessibility identifiers, easy to access during testing

SwiftFood/Views/RecipeCreate.swift

@@ -30,8 +30,9 @@ struct RecipeCreate: View {
 
     var body: some View {
         VStack {
-            Text("My Ingredients")
-                .font(.headline)
+            Text("New Recipe")
+                .font(.title2)
+                .fontWeight(.bold)
 
             // Text input fields
             // Uses accessibility identifiers, easy to access during testing
@@ -80,6 +81,7 @@ struct RecipeCreate: View {
             .accessibilityIdentifier("AddRecipeButton")
             .buttonStyle(.borderedProminent)
         }
+        .padding()
     }
 
     func addRecipe() {

SwiftFood/Views/RecipeDetail.swift

@@ -0,0 +1,33 @@
+//
+//  RecipeDetail.swift
+//  SwiftFood
+//
+//  Created by Matthew Caballero on 12/11/24.
+//
+
+import SwiftUI
+
+struct RecipeDetail: View {
+    var recipe: Recipe
+
+    var body: some View {
+        ScrollView {
+            Image("food")
+                .resizable()
+                .scaledToFit()
+                .frame(width: 250)
+            VStack {
+                Text(recipe.title)
+                    .font(.largeTitle)
+                    .padding()
+                Text("Time required: \(String(format: "%.1f", recipe.time_required)) hours")
+                Text("Serving count: \(recipe.servings_amount) servings")
+
+                Text("Instructions:")
+                    .font(.title)
+                    .padding()
+                Text(recipe.instructions)
+            }
+        }
+    }
+}

SwiftFood/Views/RecipeList.swift

@@ -14,35 +14,42 @@ struct RecipeList: View {
 
     var body: some View {
         VStack {
-            Text("My Recipes")
-                .font(.headline)
+            Text("Recipes")
+                .font(.title2)
+                .fontWeight(.bold)
 
             List {
                 // For each recipe in recipes context
                 ForEach(myRecipes) { recipe in
-                    HStack {
-                        VStack(alignment: .leading) {
-                            Text(recipe.title)
-                                .font(.headline)
-                            // Formatting to show the decimal correctly
-                            Text("\(String(format: "%.1f", recipe.time_required)) hours")
-                            Text("\(recipe.servings_amount) servings")
-                        }
-                        Spacer()
+                    NavigationLink {
+                        RecipeDetail(recipe: recipe)
+                    } label: {
 
-                        // Delete Button
-                        Button(action: {
-                            deleteItem(recipe)
-                        }) {
-                            Image(systemName: "trash")
-                                .foregroundColor(.red)
+                        HStack {
+                            VStack(alignment: .leading) {
+                                Text(recipe.title)
+                                    .font(.headline)
+                                // Formatting to show the decimal correctly
+                                Text("\(String(format: "%.1f", recipe.time_required)) hours")
+                                Text("\(recipe.servings_amount) servings")
+                            }
+                            Spacer()
+
+                            // Delete Button
+                            Button(action: {
+                                deleteItem(recipe)
+                            }) {
+                                Image(systemName: "trash")
+                                    .foregroundColor(.red)
+                            }
+                            .buttonStyle(.borderless)
                         }
-                        .buttonStyle(.borderless)
                     }
                 }
+
             }
             .cornerRadius(20)
-            NavigationLink("Create new recipe!") {
+            NavigationLink("Create new recipe") {
                 RecipeCreate()
             }
             .accessibilityIdentifier("ToRecipeCreate")