mirrors/IceCubesApp
1
0
Fork 0
mirror of https://github.com/Dimillian/IceCubesApp.git synced 2024-11-26 18:21:00 +00:00
Code Issues Projects Releases Packages Wiki Activity

Improve filter edit UX

Browse source
This commit is contained in:
Thomas Ricouard 2023-03-07 18:25:06 +01:00
parent 21fd0b0541
commit e7752feba0
1 changed files with 44 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
Packages/Account/Sources/Account/Filters/EditFilterView.swift
View file

@ -67,6 +67,7 @@ struct EditFilterView: View {
.navigationTitle(filter?.title ?? NSLocalizedString("filter.new", comment: ""))
.navigationBarTitleDisplayMode(.inline)
.scrollContentBackground(.hidden)
.scrollDismissesKeyboard(.interactively)
.background(theme.secondaryBackgroundColor)
.onAppear {
if filter == nil {
@ -103,6 +104,7 @@ struct EditFilterView: View {
.listRowBackground(theme.primaryBackgroundColor)
}
@ViewBuilder
private var titleSection: some View {
Section("filter.edit.title") {
TextField("filter.edit.title", text: $title)
@ -114,6 +116,27 @@ struct EditFilterView: View {
}
}
.listRowBackground(theme.primaryBackgroundColor)
if filter == nil, !title.isEmpty {
Section {
Button {
Task {
await saveFilter()
}
} label: {
if isSavingFilter {
ProgressView()
.frame(maxWidth: .infinity)
} else {
Text("action.save")
.frame(maxWidth: .infinity)
}
}
.buttonStyle(.borderedProminent)
.transition(.opacity)
}
.listRowBackground(theme.secondaryBackgroundColor)
}
}
private var keywordsSection: some View {
@ -140,13 +163,29 @@ struct EditFilterView: View {
}
}
}
TextField("filter.edit.keywords.add", text: $newKeyword, axis: .horizontal)
.onSubmit {
Task {
await addKeyword(name: newKeyword)
newKeyword = ""
HStack {
TextField("filter.edit.keywords.add", text: $newKeyword, axis: .horizontal)
.onSubmit {
Task {
await addKeyword(name: newKeyword)
newKeyword = ""
}
}
Spacer()
if !newKeyword.isEmpty {
Button {
Task {
Task {
await addKeyword(name: newKeyword)
newKeyword = ""
}
}
} label: {
Image(systemName: "checkmark.circle.fill")
.tint(.green)
}
}
}
}
.listRowBackground(theme.primaryBackgroundColor)
}