PhotoListView

PhotoListView.swift

struct PhotoListView: View {
    // 1
    @StateObject var viewModel = PhotoListViewModel()
    var body: some View {
        NavigationView {
            List(viewModel.photoItems) { photoItem in
                // 2
                ListItem(photoItem: photoItem)
            }
            .navigationTitle("Photo List")
            .task {
                // 3
                await viewModel.fetchPhotoList()
            }
        }
    }
}

// MARK: - List Item
extension PhotoListView {
    struct ListItem: View {
        let photoItem: PhotoItemModel
        var body: some View {
            HStack {
                RoundedRectangle(cornerRadius: 12)
                    .stroke(Color.black.opacity(0.3))
                    .frame(width: 50, height: 50)
                    .overlay(
                        ImagePresenter(imageURL: URL(string: photoItem.thumbnailUrl))
                            .cornerRadius(12))
                    
                Text(photoItem.title)
                Spacer()
            }
        }
    }
}


// MARK: - Image Presenter
extension PhotoListView {
    struct ImagePresenter: View {
        let imageURL: URL?
        var body: some View {
            AsyncImage(url: imageURL) { content in
                content
                    .resizable()
                    .scaledToFill()
            } placeholder: {
                ProgressView()
            }

        }
    }
}