vOOice/VoiceInk/PowerMode/PowerModePopover.swift
2025-05-24 20:35:26 +05:45

91 lines
3.1 KiB
Swift

import SwiftUI
// Power Mode Popover for recorder views
struct PowerModePopover: View {
@ObservedObject var powerModeManager = PowerModeManager.shared
@State private var selectedConfig: PowerModeConfig?
var body: some View {
VStack(alignment: .leading, spacing: 8) {
Text("Select Power Mode")
.font(.headline)
.foregroundColor(.white.opacity(0.9))
.padding(.horizontal)
.padding(.top, 8)
Divider()
.background(Color.white.opacity(0.1))
ScrollView {
VStack(alignment: .leading, spacing: 4) {
// Default Configuration
PowerModeRow(
config: powerModeManager.defaultConfig,
isSelected: selectedConfig?.id == powerModeManager.defaultConfig.id,
action: {
powerModeManager.setActiveConfiguration(powerModeManager.defaultConfig)
selectedConfig = powerModeManager.defaultConfig
}
)
// Custom Configurations
ForEach(powerModeManager.configurations) { config in
PowerModeRow(
config: config,
isSelected: selectedConfig?.id == config.id,
action: {
powerModeManager.setActiveConfiguration(config)
selectedConfig = config
}
)
}
}
.padding(.horizontal)
}
}
.frame(width: 180)
.frame(maxHeight: 300)
.padding(.vertical, 8)
.background(Color.black)
.environment(\.colorScheme, .dark)
.onAppear {
// Set the initially selected configuration
selectedConfig = powerModeManager.activeConfiguration
}
}
}
// Row view for each power mode in the popover
struct PowerModeRow: View {
let config: PowerModeConfig
let isSelected: Bool
let action: () -> Void
var body: some View {
Button(action: action) {
HStack(spacing: 8) {
// Always use the emoji from the configuration
Text(config.emoji)
.font(.system(size: 14))
Text(config.name)
.foregroundColor(.white.opacity(0.9))
.font(.system(size: 13))
.lineLimit(1)
if isSelected {
Spacer()
Image(systemName: "checkmark")
.foregroundColor(.green)
.font(.system(size: 10))
}
}
.contentShape(Rectangle())
.padding(.vertical, 4)
.padding(.horizontal, 8)
}
.buttonStyle(.plain)
.background(isSelected ? Color.white.opacity(0.1) : Color.clear)
.cornerRadius(4)
}
}