86 lines
2.9 KiB
Swift
86 lines
2.9 KiB
Swift
import SwiftUI
|
|
|
|
struct ShelfSectionView: View {
|
|
let title: String
|
|
let books: [BookRemote]
|
|
let gradient: LinearGradient
|
|
let imageCache: ImageCacheProtocol
|
|
let onTapCategory: () -> Void
|
|
let onTapBook: (BookRemote) -> Void
|
|
|
|
var body: some View {
|
|
VStack(alignment: .leading, spacing: 12) {
|
|
HStack {
|
|
Button(action: onTapCategory) {
|
|
Text(title)
|
|
.font(.title3.weight(.bold))
|
|
.foregroundStyle(Theme.textPrimary)
|
|
}
|
|
Spacer()
|
|
Text("\(books.count) books")
|
|
.font(.caption)
|
|
.foregroundStyle(Theme.textSecondary)
|
|
Image(systemName: "chevron.left")
|
|
.font(.caption2)
|
|
.foregroundStyle(.gray)
|
|
Image(systemName: "chevron.right")
|
|
.font(.caption2)
|
|
.foregroundStyle(.gray)
|
|
}
|
|
|
|
ZStack(alignment: .bottom) {
|
|
RoundedRectangle(cornerRadius: 16)
|
|
.fill(gradient)
|
|
.frame(height: 74)
|
|
.shadow(color: .black.opacity(0.12), radius: 10, y: 8)
|
|
.overlay {
|
|
HStack {
|
|
ScrewView()
|
|
Spacer()
|
|
ScrewView()
|
|
}
|
|
.padding(.horizontal, 12)
|
|
}
|
|
|
|
ScrollView(.horizontal, showsIndicators: false) {
|
|
HStack(spacing: 12) {
|
|
if books.isEmpty {
|
|
ghostCovers
|
|
} else {
|
|
ForEach(books) { book in
|
|
Button {
|
|
onTapBook(book)
|
|
} label: {
|
|
BookCoverCard(book: book, imageCache: imageCache)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.padding(.horizontal, 16)
|
|
.padding(.bottom, 18)
|
|
}
|
|
.frame(height: 190)
|
|
}
|
|
}
|
|
.padding(.horizontal, 20)
|
|
}
|
|
|
|
private var ghostCovers: some View {
|
|
HStack(spacing: 10) {
|
|
ForEach(0..<3, id: \.self) { _ in
|
|
RoundedRectangle(cornerRadius: 10)
|
|
.fill(Color.white.opacity(0.5))
|
|
.frame(width: 92, height: 140)
|
|
.overlay {
|
|
Image(systemName: "book")
|
|
.foregroundStyle(.white.opacity(0.8))
|
|
}
|
|
}
|
|
Text(String(localized: "home.noBooks"))
|
|
.font(.caption)
|
|
.foregroundStyle(.secondary)
|
|
.frame(width: 130, alignment: .leading)
|
|
}
|
|
}
|
|
}
|