Switch out the action button with an activity spinner when processing a request

This commit is contained in:
Chad Sykes 2020-12-27 13:10:12 -07:00
parent 4e03c59d0a
commit ff1d2546dc
4 changed files with 45 additions and 12 deletions

View file

@ -24,10 +24,18 @@ struct SignIn2FAView: View {
.keyboardShortcut(.cancelAction)
Button("Send SMS", action: { appState.choosePhoneNumberForSMS(authOptions: authOptions, sessionData: sessionData) })
Spacer()
Button("Continue", action: { appState.submitSecurityCode(.device(code: code), sessionData: sessionData) })
.keyboardShortcut(.defaultAction)
.disabled(code.count != authOptions.securityCode.length || appState.isProcessingRequest)
if appState.isProcessingRequest {
ProgressView()
.progressViewStyle(CircularProgressViewStyle())
.scaleEffect(x: 0.5, y: 0.5, anchor: .center)
.padding(.trailing, 22)
} else {
Button("Continue", action: { appState.submitSecurityCode(.device(code: code), sessionData: sessionData) })
.keyboardShortcut(.defaultAction)
.disabled(code.count != authOptions.securityCode.length)
}
}
.frame(height: 25)
}
.padding()
}

View file

@ -28,10 +28,18 @@ struct SignInCredentialsView: View {
Spacer()
Button("Cancel") { isPresented = false }
.keyboardShortcut(.cancelAction)
Button("Next") { appState.signIn(username: username, password: password) }
.disabled(username.isEmpty || appState.isProcessingRequest)
.keyboardShortcut(.defaultAction)
if appState.isProcessingRequest {
ProgressView()
.progressViewStyle(CircularProgressViewStyle())
.scaleEffect(x: 0.5, y: 0.5, anchor: .center)
.padding(.horizontal, 8)
} else {
Button("Next") { appState.signIn(username: username, password: password) }
.disabled(username.isEmpty)
.keyboardShortcut(.defaultAction)
}
}
.frame(height: 25)
}
.padding()
}

View file

@ -28,10 +28,19 @@ struct SignInPhoneListView: View {
Button("Cancel", action: { isPresented = false })
.keyboardShortcut(.cancelAction)
Spacer()
Button("Continue", action: { appState.requestSMS(to: authOptions.trustedPhoneNumbers!.first { $0.id == selectedPhoneNumberID }!, authOptions: authOptions, sessionData: sessionData) })
.keyboardShortcut(.defaultAction)
.disabled(selectedPhoneNumberID == nil || appState.isProcessingRequest)
if appState.isProcessingRequest {
ProgressView()
.progressViewStyle(CircularProgressViewStyle())
.scaleEffect(x: 0.5, y: 0.5, anchor: .center)
.padding(.trailing, 22)
} else {
Button("Continue", action: { appState.requestSMS(to: authOptions.trustedPhoneNumbers!.first { $0.id == selectedPhoneNumberID }!, authOptions: authOptions, sessionData: sessionData) })
.keyboardShortcut(.defaultAction)
.disabled(selectedPhoneNumberID == nil)
}
}
.frame(height: 25)
}
.padding()
}

View file

@ -24,10 +24,18 @@ struct SignInSMSView: View {
Button("Cancel", action: { isPresented = false })
.keyboardShortcut(.cancelAction)
Spacer()
Button("Continue", action: { appState.submitSecurityCode(.sms(code: code, phoneNumberId: trustedPhoneNumber.id), sessionData: sessionData) })
.keyboardShortcut(.defaultAction)
.disabled(code.count != authOptions.securityCode.length || appState.isProcessingRequest)
if appState.isProcessingRequest {
ProgressView()
.progressViewStyle(CircularProgressViewStyle())
.scaleEffect(x: 0.5, y: 0.5, anchor: .center)
.padding(.trailing, 22)
} else {
Button("Continue", action: { appState.submitSecurityCode(.sms(code: code, phoneNumberId: trustedPhoneNumber.id), sessionData: sessionData) })
.keyboardShortcut(.defaultAction)
.disabled(code.count != authOptions.securityCode.length)
}
}
.frame(height: 25)
}
.padding()
}