[Fix] #319 카페 검색 리스트, thumbnail image, placeholder 사양 수정

Author: applebuddy

Projects/Coffice/Sources/App/Main/Search/CafeSearch/CafeSearchListCell.swift

@@ -56,21 +56,31 @@ struct CafeSearchListCell: View {
         ScrollView(.horizontal, showsIndicators: false) {
           HStack(spacing: 8) {
             if let imageUrls = cafe.imageUrls, imageUrls.isNotEmpty {
-              ForEach(imageUrls, id: \.self) { imageUrl in
-                KFImage.url(URL(string: imageUrl))
-                  .placeholder { CofficeAsset.Asset.cafePlaceholder.swiftUIImage }
-                  .resizable()
+              ForEach(imageUrls, id: \.self) { imageUrlString in
+                if let imageUrl = URL(string: imageUrlString) {
+                  LinearGradient(
+                    gradient: Gradient(colors: [.black.opacity(0.06), .black.opacity(0.3)]),
+                    startPoint: .top,
+                    endPoint: .bottom
+                  )
+                  .background(
+                    alignment: .center,
+                    content: {
+                      KFImage.url(imageUrl)
+                        .resizable()
+                        .scaledToFill()
+                    }
+                  )
                   .frame(width: 124, height: 112)
-                  .scaledToFit()
+                  .clipped()
                   .cornerRadius(4, corners: .allCorners)
+                } else {
+                  placeholderImage
+                }
               }
             } else {
               ForEach(1...3, id: \.self) { imageAsset in
-                CofficeAsset.Asset.cafePlaceholder.swiftUIImage
-                  .resizable()
-                  .frame(width: 124, height: 112)
-                  .scaledToFit()
-                  .cornerRadius(4, corners: .allCorners)
+                placeholderImage
               }
             }
           }
@@ -84,6 +94,20 @@ struct CafeSearchListCell: View {
       }
     }
   }
+
+  var placeholderImage: some View {
+    CofficeAsset.Colors.grayScale2.swiftUIColor
+      .frame(width: 124, height: 112)
+      .cornerRadius(4, corners: .allCorners)
+      .overlay(
+        alignment: .center,
+        content: {
+          CofficeAsset.Asset.icPlaceholder.swiftUIImage
+            .resizable()
+            .frame(width: 44, height: 44)
+        }
+      )
+  }
 }
 
 struct CafeSearchListCell_Previews: PreviewProvider {