using SDWebImageSwiftUI for image download from url and display

Author: racheldosh

firestore/FirestoreExample.xcodeproj/project.pbxproj

@@ -551,6 +551,7 @@
 				"${BUILT_PRODUCTS_DIR}/gRPC-Core/grpc.framework",
 				"${BUILT_PRODUCTS_DIR}/leveldb-library/leveldb.framework",
 				"${BUILT_PRODUCTS_DIR}/nanopb/nanopb.framework",
+				"${BUILT_PRODUCTS_DIR}/SDWebImageSwiftUI/SDWebImageSwiftUI.framework",
 			);
 			name = "[CP] Embed Pods Frameworks";
 			outputPaths = (
@@ -571,6 +572,7 @@
 				"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/grpc.framework",
 				"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/leveldb.framework",
 				"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/nanopb.framework",
+				"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/SDWebImageSwiftUI.framework",
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;

firestore/FirestoreSwiftUIExample/Views/RestaurantItemView.swift

@@ -7,29 +7,38 @@
 //
 
 import SwiftUI
+import SDWebImageSwiftUI
 
 struct RestaurantItemView: View {
     var restaurant: Restaurant
 
     var body: some View {
         HStack {
-            Image(systemName: "circle")
+            WebImage(url: restaurant.photo)
+                .resizable()
+                .placeholder(Image(systemName: "photo"))
+                .aspectRatio(1, contentMode: .fill)
+                .frame(width: 100, height: 100, alignment: .leading)
             VStack(alignment: .leading) {
                 Text(restaurant.name)
                 Text("Star Placeholder")
                 Spacer()
-                Text("Type and location")
+                HStack {
+                    Text(restaurant.category)
+                    Text("•")
+                    Text(restaurant.city)
+                }
             }
             Spacer()
             Text("$$$")
         }
-        .padding([.leading, .bottom, .trailing])
+        .padding([.bottom, .trailing])
     }
 }
 
 struct RestaurantItemView_Previews: PreviewProvider {
     static var previews: some View {
-        let data = Restaurant(id: .init(), name: "test123", category: "test123", city: "test123", price: 0, ratingCount: 0, averageRating: 0, photo: Restaurant.imageURL(forName: "test"))
+        let data = Restaurant(id: .init(), name: "Pizza Place", category: "Pizza", city: "Austin", price: 0, ratingCount: 0, averageRating: 0, photo: Restaurant.imageURL(forName: "Place Place"))
         RestaurantItemView(restaurant: data)
     }
 }

firestore/Podfile

@@ -1,4 +1,4 @@
-platform :ios, '10.0'
+platform :ios, '13.0'
 
 target 'FirestoreExample' do
   use_frameworks!
@@ -25,5 +25,5 @@ target 'FirestoreSwiftUIExample' do
   # pod 'FirebaseUI/Email'
   pod 'Firebase/Firestore'
   pod 'FirebaseFirestoreSwift', "~> 7.0-beta"
-  pod 'SDWebImage'
+  pod 'SDWebImageSwiftUI'
 end

firestore/Podfile.lock

@@ -340,6 +340,8 @@ PODS:
   - SDWebImage (5.10.4):
     - SDWebImage/Core (= 5.10.4)
   - SDWebImage/Core (5.10.4)
+  - SDWebImageSwiftUI (2.0.1):
+    - SDWebImage (~> 5.10)
 
 DEPENDENCIES:
   - Firebase/Analytics
@@ -349,6 +351,7 @@ DEPENDENCIES:
   - FirebaseUI/Auth
   - FirebaseUI/Email
   - SDWebImage
+  - SDWebImageSwiftUI
 
 SPEC REPOS:
   trunk:
@@ -373,6 +376,7 @@ SPEC REPOS:
     - nanopb
     - PromisesObjC
     - SDWebImage
+    - SDWebImageSwiftUI
 
 SPEC CHECKSUMS:
   abseil: 6c8eb7892aefa08d929b39f9bb108e5367e3228f
@@ -396,7 +400,8 @@ SPEC CHECKSUMS:
   nanopb: 59221d7f958fb711001e6a449489542d92ae113e
   PromisesObjC: 3113f7f76903778cf4a0586bd1ab89329a0b7b97
   SDWebImage: c666b97e1fa9c64b4909816a903322018f0a9c84
+  SDWebImageSwiftUI: ff3dc77f69330e6513c655bcb9b5080a033405a5
 
-PODFILE CHECKSUM: c84c0ddc2710245ae619c050f9ab9128baca858a
+PODFILE CHECKSUM: a966f717dce1e9f228756a84905b47eb4d2009be
 
 COCOAPODS: 1.10.1