use completer to fix bug on 2FA status change

lib/services/user_service.dart

@@ -609,7 +609,7 @@ class UserService {
     }
   }
 
-  Future<void> setupTwoFactor(BuildContext context) async {
+  Future<void> setupTwoFactor(BuildContext context, Completer completer) async {
     final dialog = createProgressDialog(context, "Please wait...");
     await dialog.show();
     try {
@@ -621,12 +621,14 @@ class UserService {
           TwoFactorSetupPage(
             response.data["secretCode"],
             response.data["qrCode"],
+            completer,
           ),
         ),
       );
     } catch (e) {
       await dialog.hide();
       _logger.severe("Failed to setup tfa", e);
+      completer.complete();
       rethrow;
     }
   }

lib/ui/account/two_factor_setup_page.dart

@@ -1,5 +1,6 @@
 // @dart=2.9
 
+import 'dart:async';
 import 'dart:ui';
 
 import 'package:flutter/material.dart';
@@ -17,9 +18,14 @@ import 'package:pinput/pin_put/pin_put.dart';
 class TwoFactorSetupPage extends StatefulWidget {
   final String secretCode;
   final String qrCode;
+  final Completer completer;
 
-  const TwoFactorSetupPage(this.secretCode, this.qrCode, {Key key})
-      : super(key: key);
+  const TwoFactorSetupPage(
+    this.secretCode,
+    this.qrCode,
+    this.completer, {
+    Key key,
+  }) : super(key: key);
 
   @override
   State<TwoFactorSetupPage> createState() => _TwoFactorSetupPageState();
@@ -260,6 +266,7 @@ class _TwoFactorSetupPageState extends State<TwoFactorSetupPage>
         .enableTwoFactor(context, widget.secretCode, code);
     if (success) {
       _showSuccessPage();
+      widget.completer.complete();
     }
   }
 

lib/ui/components/toggle_switch_widget.dart

@@ -14,6 +14,8 @@ typedef FutureValueCallBack = Future<bool> Function();
 
 class ToggleSwitchWidget extends StatefulWidget {
   final FutureValueCallBack value;
+
+  ///Make sure to use completer if onChanged callback has other async functions inside
   final OnChangedCallBack onChanged;
   final bool initialValue;
   const ToggleSwitchWidget({
@@ -32,6 +34,7 @@ class _ToggleSwitchWidgetState extends State<ToggleSwitchWidget> {
   late bool toggleValue;
   ExecutionState executionState = ExecutionState.idle;
   final _debouncer = Debouncer(const Duration(milliseconds: 300));
+
   @override
   void initState() {
     futureToggleValue = widget.value.call();
@@ -90,10 +93,6 @@ class _ToggleSwitchWidgetState extends State<ToggleSwitchWidget> {
 
                     widget.value.call().then((newValue) {
                       setState(() {
-                        //if onchanged on toggle is successful
-                        // print('here');
-                        // print(toggleValue);
-                        // print("newValue : $newValue");
                         if (toggleValue == newValue) {
                           if (executionState == ExecutionState.inProgress) {
                             executionState = ExecutionState.successful;

lib/ui/settings/security_section_widget.dart

@@ -58,6 +58,7 @@ class _SecuritySectionWidgetState extends State<SecuritySectionWidget> {
   }
 
   Widget _getSectionOptions(BuildContext context) {
+    final Completer completer = Completer();
     final List<Widget> children = [];
     if (_config.hasConfiguredAccount()) {
       children.addAll(
@@ -69,7 +70,7 @@ class _SecuritySectionWidgetState extends State<SecuritySectionWidget> {
             ),
             trailingSwitch: ToggleSwitchWidget(
               value: () => UserService.instance.fetchTwoFactorStatus(),
-              initialValue: false,
+              initialValue: _config.hasEnabledTwoFactor(),
               onChanged: () async {
                 final hasAuthenticated = await LocalAuthenticationService
                     .instance
@@ -81,10 +82,12 @@ class _SecuritySectionWidgetState extends State<SecuritySectionWidget> {
                     await UserService.instance.fetchTwoFactorStatus();
                 if (hasAuthenticated) {
                   if (isTwoFactorEnabled) {
-                    _disableTwoFactor();
+                    _disableTwoFactor(completer);
                   } else {
-                    await UserService.instance.setupTwoFactor(context);
+                    await UserService.instance
+                        .setupTwoFactor(context, completer);
                   }
+                  return completer.future;
                 }
               },
             ),
@@ -165,7 +168,7 @@ class _SecuritySectionWidgetState extends State<SecuritySectionWidget> {
     );
   }
 
-  void _disableTwoFactor() {
+  void _disableTwoFactor(Completer completer) {
     final AlertDialog alert = AlertDialog(
       title: const Text("Disable two-factor"),
       content: const Text(
@@ -181,6 +184,7 @@ class _SecuritySectionWidgetState extends State<SecuritySectionWidget> {
           ),
           onPressed: () {
             Navigator.of(context, rootNavigator: true).pop('dialog');
+            completer.complete();
           },
         ),
         TextButton(
@@ -193,6 +197,7 @@ class _SecuritySectionWidgetState extends State<SecuritySectionWidget> {
           onPressed: () async {
             await UserService.instance.disableTwoFactor(context);
             Navigator.of(context, rootNavigator: true).pop('dialog');
+            completer.complete();
           },
         ),
       ],