libnovel/ios/LibNovel/LibNovel/Views/Common/CommonViews.swift

import SwiftUI
import Kingfisher

// MARK: - Empty state placeholder used across all screens

struct EmptyStateView: View {
    let icon: String
    let title: String
    let message: String

    var body: some View {
        VStack(spacing: 14) {
            Image(systemName: icon)
                .font(.system(size: 48))
                .foregroundStyle(.tertiary)
            Text(title)
                .font(.headline)
            Text(message)
                .font(.subheadline)
                .foregroundStyle(.secondary)
                .multilineTextAlignment(.center)
                .padding(.horizontal, 40)
        }
    }
}

// MARK: - Cover image card reused across screens

struct BookCard: View {
    let book: Book
    var body: some View {
        VStack(alignment: .leading, spacing: 6) {
            AsyncCoverImage(url: book.cover)
                .frame(height: 200)
                .clipShape(RoundedRectangle(cornerRadius: 10))
            Text(book.title)
                .font(.caption.bold())
                .lineLimit(2)
            Text(book.author)
                .font(.caption2)
                .foregroundStyle(.secondary)
                .lineLimit(1)
        }
    }
}

// MARK: - Async cover image with disk/memory caching via Kingfisher

struct AsyncCoverImage: View {
    let url: String
    /// When true the placeholder is a plain colour fill — used for blurred hero backgrounds
    /// so the rounded-rect loading indicator doesn't bleed through.
    var isBackground: Bool = false

    var body: some View {
        KFImage(URL(string: url))
            .resizable()
            .placeholder {
                if isBackground {
                    Color(.systemGray6)
                } else {
                    RoundedRectangle(cornerRadius: 10)
                        .fill(Color(.systemGray5))
                        .overlay(Image(systemName: "book.closed").foregroundStyle(.secondary))
                }
            }
            .scaledToFill()
    }
}

// MARK: - Tag chip

struct TagChip: View {
    let label: String
    var body: some View {
        Text(label)
            .font(.caption2.bold())
            .padding(.horizontal, 8)
            .padding(.vertical, 4)
            .background(Color(.systemGray5), in: Capsule())
    }
}