Ilyas Hallak
df8a7b64b2
- Integrate Kingfisher for image caching with CachedAsyncImage component - Add CacheSettingsView for managing image cache size and clearing cache - Implement three card layout styles: compact, magazine (default), natural - Add AppearanceSettingsView with visual layout previews and theme settings - Create Clean Architecture for card layout with domain models and use cases - Implement FlowLayout for dynamic label width calculation - Add skeleton loading animation for initial bookmark loads - Replace delete confirmation dialogs with immediate delete + 3-second undo - Support multiple simultaneous undo operations with individual progress bars - Add grayed-out visual feedback for pending deletions - Centralize notification names in dedicated NotificationNames file - Remove pagination logic from label management (replaced with FlowLayout) - Update AsyncImage usage across BookmarkCardView, BookmarkDetailView, ImageViewerView - Improve UI consistency and spacing throughout the app
99 lines
3.5 KiB
Swift
99 lines
3.5 KiB
Swift
//
|
|
// FontSettingsView.swift
|
|
// readeck
|
|
//
|
|
// Created by Ilyas Hallak on 29.06.25.
|
|
//
|
|
|
|
import SwiftUI
|
|
|
|
struct FontSettingsView: View {
|
|
@State private var viewModel: FontSettingsViewModel
|
|
|
|
init(viewModel: FontSettingsViewModel = FontSettingsViewModel()) {
|
|
self.viewModel = viewModel
|
|
}
|
|
|
|
var body: some View {
|
|
VStack(spacing: 20) {
|
|
SectionHeader(title: "Font Settings", icon: "textformat")
|
|
.padding(.bottom, 4)
|
|
|
|
// Font Family Picker
|
|
HStack(alignment: .firstTextBaseline, spacing: 16) {
|
|
Text("Font family")
|
|
.font(.headline)
|
|
Picker("Font family", selection: $viewModel.selectedFontFamily) {
|
|
ForEach(FontFamily.allCases, id: \.self) { family in
|
|
Text(family.displayName).tag(family)
|
|
}
|
|
}
|
|
.pickerStyle(MenuPickerStyle())
|
|
.onChange(of: viewModel.selectedFontFamily) {
|
|
Task {
|
|
await viewModel.saveFontSettings()
|
|
}
|
|
}
|
|
}
|
|
|
|
VStack(spacing: 16) {
|
|
|
|
// Font Size Picker
|
|
VStack(alignment: .leading, spacing: 8) {
|
|
Text("Font size")
|
|
.font(.headline)
|
|
Picker("Font size", selection: $viewModel.selectedFontSize) {
|
|
ForEach(FontSize.allCases, id: \.self) { size in
|
|
Text(size.displayName).tag(size)
|
|
}
|
|
}
|
|
.pickerStyle(SegmentedPickerStyle())
|
|
.onChange(of: viewModel.selectedFontSize) {
|
|
Task {
|
|
await viewModel.saveFontSettings()
|
|
}
|
|
}
|
|
}
|
|
|
|
// Font Preview
|
|
VStack(alignment: .leading, spacing: 8) {
|
|
Text("Preview")
|
|
.font(.caption)
|
|
.foregroundColor(.secondary)
|
|
|
|
VStack(alignment: .leading, spacing: 6) {
|
|
Text("readeck Bookmark Title")
|
|
.font(viewModel.previewTitleFont)
|
|
.fontWeight(.semibold)
|
|
.lineLimit(1)
|
|
|
|
Text("This is how your bookmark descriptions and article text will appear in the app. The quick brown fox jumps over the lazy dog.")
|
|
.font(viewModel.previewBodyFont)
|
|
.lineLimit(3)
|
|
|
|
Text("12 min • Today • example.com")
|
|
.font(viewModel.previewCaptionFont)
|
|
.foregroundColor(.secondary)
|
|
}
|
|
.padding(4)
|
|
.background(Color(.systemGray6))
|
|
.clipShape(RoundedRectangle(cornerRadius: 8))
|
|
}
|
|
}
|
|
}
|
|
.padding()
|
|
.background(Color(.systemBackground))
|
|
.clipShape(RoundedRectangle(cornerRadius: 12))
|
|
.shadow(color: .black.opacity(0.05), radius: 2, x: 0, y: 1)
|
|
.task {
|
|
await viewModel.loadFontSettings()
|
|
}
|
|
}
|
|
}
|
|
|
|
#Preview {
|
|
FontSettingsView(viewModel: .init(
|
|
factory: MockUseCaseFactory())
|
|
)
|
|
}
|