| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 |
- import SwiftUI
- struct BolusProgressOverlay: View {
- let state: WatchState
- private let progressGradient = LinearGradient(
- colors: [
- Color(red: 0.7215686275, green: 0.3411764706, blue: 1), // #B857FF
- Color(red: 0.6235294118, green: 0.4235294118, blue: 0.9803921569), // #9F6CFA
- Color(red: 0.4862745098, green: 0.5450980392, blue: 0.9529411765), // #7C8BF3
- Color(red: 0.3411764706, green: 0.6666666667, blue: 0.9254901961), // #57AAEC
- Color(red: 0.262745098, green: 0.7333333333, blue: 0.9137254902) // #43BBE9
- ],
- startPoint: .leading,
- endPoint: .trailing
- )
- var body: some View {
- VStack(spacing: 10) {
- VStack {
- Text("Bolusing")
- .font(.footnote)
- .foregroundStyle(.secondary)
- .padding(.top)
- ProgressView(value: state.bolusProgress, total: 1.0)
- .tint(progressGradient)
- Text(String(
- format: "%.1f U of %.1f U",
- state.bolusProgress * state.activeBolusAmount,
- state.activeBolusAmount
- ))
- .font(.footnote)
- .foregroundStyle(.secondary)
- Spacer()
- Button(action: {
- state.sendCancelBolusRequest()
- }) {
- Text("Cancel Bolus")
- }
- .buttonStyle(.bordered)
- .padding()
- }
- .padding()
- .background(Color.black.opacity(0.8))
- .cornerRadius(10)
- }
- .scenePadding()
- .onChange(of: state.bolusProgress) { _, newProgress in
- if newProgress >= 1.0 {
- state.activeBolusAmount = 0 // Reset only when bolus is complete
- }
- }
- .onDisappear {
- state.activeBolusAmount = 0 // Double-check to reset when view disappears
- }
- }
- }
|