element-ios/RiotSwiftUI/Modules/Settings/Notifications/View/NotificationSettings.swift

74 lines
2.6 KiB
Swift

//
// Copyright 2021-2024 New Vector Ltd.
//
// SPDX-License-Identifier: AGPL-3.0-only
// Please see LICENSE in the repository root for full details.
//
import SwiftUI
/// Renders the push rule settings that can be enabled/disable.
///
/// Also renders an optional bottom section.
/// Used in the case of keywords, for the keyword chips and input.
struct NotificationSettings<BottomSection: View>: View {
@Environment(\.theme) var theme: ThemeSwiftUI
@ObservedObject var viewModel: NotificationSettingsViewModel
var bottomSection: BottomSection?
var body: some View {
VectorForm {
SwiftUI.Section(
header: FormSectionHeader(text: VectorL10n.settingsNotifyMeFor)
) {
ForEach(viewModel.viewState.ruleIds) { ruleId in
VStack(alignment: .leading, spacing: 4) {
let checked = viewModel.viewState.selectionState[ruleId] ?? false
FormPickerItem(title: ruleId.title, selected: checked) {
Task {
await viewModel.update(ruleID: ruleId, isChecked: !checked)
}
}
if viewModel.isRuleOutOfSync(ruleId) {
Text(VectorL10n.settingsPushRulesError)
.font(theme.fonts.caption1)
.foregroundColor(theme.colors.alert)
.padding(.horizontal)
.padding(.bottom, 16)
}
}
}
}
bottomSection
}
.activityIndicator(show: viewModel.viewState.saving)
.disabled(viewModel.viewState.saving)
}
}
extension NotificationSettings where BottomSection == EmptyView {
init(viewModel: NotificationSettingsViewModel) {
self.init(viewModel: viewModel, bottomSection: nil)
}
}
struct NotificationSettings_Previews: PreviewProvider {
static var previews: some View {
Group {
ForEach(NotificationSettingsScreen.allCases) { screen in
NavigationView {
NotificationSettings(
viewModel: NotificationSettingsViewModel(
notificationSettingsService: MockNotificationSettingsService.example,
ruleIds: screen.pushRules
)
)
.navigationBarTitleDisplayMode(.inline)
}
}
}
}
}