83 lines
2.2 KiB
Swift
83 lines
2.2 KiB
Swift
import Models
|
|
import SwiftUI
|
|
import Utils
|
|
|
|
public struct LibraryFeatureCard: View {
|
|
let viewer: Viewer?
|
|
let tapHandler: () -> Void
|
|
@ObservedObject var item: LinkedItem
|
|
|
|
public init(item: LinkedItem, viewer: Viewer?, tapHandler: @escaping () -> Void = {}) {
|
|
self.item = item
|
|
self.viewer = viewer
|
|
self.tapHandler = tapHandler
|
|
}
|
|
|
|
public var body: some View {
|
|
VStack(alignment: .leading, spacing: 5) {
|
|
imageBox
|
|
title
|
|
Spacer()
|
|
|
|
}.padding(0)
|
|
.frame(maxWidth: 150)
|
|
}
|
|
|
|
var isFullyRead: Bool {
|
|
item.readingProgress > 95
|
|
}
|
|
|
|
var isPartiallyRead: Bool {
|
|
Int(item.readingProgress) > 0
|
|
}
|
|
|
|
var imageBox: some View {
|
|
Group {
|
|
if let imageURL = item.imageURL {
|
|
AsyncImage(url: imageURL) { phase in
|
|
switch phase {
|
|
case .empty:
|
|
Color.systemBackground
|
|
.frame(width: 145, height: 90)
|
|
.cornerRadius(5)
|
|
case let .success(image):
|
|
image.resizable()
|
|
.aspectRatio(contentMode: .fill)
|
|
.frame(width: 146, height: 90)
|
|
.cornerRadius(5)
|
|
case .failure:
|
|
Image(systemName: "photo")
|
|
.frame(width: 146, height: 90)
|
|
.foregroundColor(Color(hex: "#6A6968"))
|
|
.background(Color(hex: "#EBEBEB"))
|
|
.cornerRadius(5)
|
|
@unknown default:
|
|
// Since the AsyncImagePhase enum isn't frozen,
|
|
// we need to add this currently unused fallback
|
|
// to handle any new cases that might be added
|
|
// in the future:
|
|
EmptyView()
|
|
}
|
|
}
|
|
} else {
|
|
Image(systemName: "photo")
|
|
.frame(width: 146, height: 90)
|
|
.foregroundColor(Color(hex: "#6A6968"))
|
|
.background(Color(hex: "#EBEBEB"))
|
|
.cornerRadius(5)
|
|
}
|
|
}
|
|
}
|
|
|
|
var title: some View {
|
|
Text(item.unwrappedTitle.trimmingCharacters(in: .whitespacesAndNewlines))
|
|
.multilineTextAlignment(.leading)
|
|
.font(Font.system(size: 11, weight: .medium))
|
|
.lineSpacing(1.25)
|
|
.foregroundColor(.appGrayTextContrast)
|
|
.fixedSize(horizontal: false, vertical: true)
|
|
.lineLimit(2)
|
|
.frame(maxWidth: .infinity, minHeight: 33, alignment: .topLeading)
|
|
}
|
|
}
|