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
104 lines
4.0 KiB
Swift
104 lines
4.0 KiB
Swift
import SwiftUI
|
|
|
|
struct SearchBookmarksView: View {
|
|
@State private var viewModel = SearchBookmarksViewModel()
|
|
@FocusState private var searchFieldIsFocused: Bool
|
|
@State private var selectedBookmarkId: String?
|
|
@Binding var selectedBookmark: Bookmark?
|
|
@Namespace private var namespace
|
|
@State private var isFirstAppearance = true
|
|
|
|
var body: some View {
|
|
VStack(spacing: 0) {
|
|
HStack {
|
|
Image(systemName: "magnifyingglass")
|
|
.foregroundColor(.gray)
|
|
TextField("Search...", text: $viewModel.searchQuery)
|
|
.focused($searchFieldIsFocused)
|
|
.textFieldStyle(PlainTextFieldStyle())
|
|
.autocapitalization(.none)
|
|
.disableAutocorrection(true)
|
|
if !viewModel.searchQuery.isEmpty {
|
|
Button(action: {
|
|
viewModel.searchQuery = ""
|
|
searchFieldIsFocused = true
|
|
}) {
|
|
Image(systemName: "xmark.circle.fill")
|
|
.foregroundColor(.gray)
|
|
}
|
|
.buttonStyle(.plain)
|
|
}
|
|
}
|
|
.padding(10)
|
|
.background(Color(.systemGray6))
|
|
.cornerRadius(12)
|
|
.padding([.horizontal, .top])
|
|
|
|
if viewModel.isLoading {
|
|
ProgressView("Searching...")
|
|
.padding()
|
|
}
|
|
|
|
if let error = viewModel.errorMessage {
|
|
Text(error)
|
|
.foregroundColor(.red)
|
|
.padding()
|
|
}
|
|
|
|
if let bookmarks = viewModel.bookmarks?.bookmarks, !bookmarks.isEmpty {
|
|
List(bookmarks) { bookmark in
|
|
Button(action: {
|
|
if UIDevice.isPhone {
|
|
selectedBookmarkId = bookmark.id
|
|
} else {
|
|
if selectedBookmark?.id == bookmark.id {
|
|
selectedBookmark = nil
|
|
DispatchQueue.main.async {
|
|
selectedBookmark = bookmark
|
|
}
|
|
} else {
|
|
selectedBookmark = bookmark
|
|
}
|
|
}
|
|
}) {
|
|
BookmarkCardView(bookmark: bookmark, currentState: .all, onArchive: {_ in }, onDelete: {_ in }, onToggleFavorite: {_ in })
|
|
}
|
|
.buttonStyle(PlainButtonStyle())
|
|
.listRowInsets(EdgeInsets(top: 8, leading: 16, bottom: 8, trailing: 16))
|
|
.listRowSeparator(.hidden)
|
|
.listRowBackground(Color(R.color.bookmark_list_bg))
|
|
}
|
|
.listStyle(.plain)
|
|
.background(Color(R.color.bookmark_list_bg))
|
|
.scrollContentBackground(.hidden)
|
|
.simultaneousGesture(
|
|
DragGesture()
|
|
.onChanged { _ in
|
|
searchFieldIsFocused = false
|
|
}
|
|
)
|
|
} else if !viewModel.isLoading && viewModel.bookmarks != nil {
|
|
ContentUnavailableView("No results", systemImage: "magnifyingglass", description: Text("No bookmarks found."))
|
|
.padding()
|
|
}
|
|
Spacer()
|
|
}
|
|
.background(Color(R.color.bookmark_list_bg))
|
|
.navigationTitle("Search")
|
|
.navigationDestination(
|
|
item: Binding<String?>(
|
|
get: { selectedBookmarkId },
|
|
set: { selectedBookmarkId = $0 }
|
|
)
|
|
) { bookmarkId in
|
|
BookmarkDetailView(bookmarkId: bookmarkId)
|
|
}
|
|
.onAppear {
|
|
if isFirstAppearance {
|
|
searchFieldIsFocused = true
|
|
isFirstAppearance = false
|
|
}
|
|
}
|
|
}
|
|
}
|