Compass app (#2446)

compass_app/app/lib/ui/auth/logout/view_models/logout_viewmodel.dart

@@ -0,0 +1,34 @@
+// Copyright 2024 The Flutter team. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import '../../../../data/repositories/auth/auth_repository.dart';
+import '../../../../data/repositories/itinerary_config/itinerary_config_repository.dart';
+import '../../../../domain/models/itinerary_config/itinerary_config.dart';
+import '../../../../utils/command.dart';
+import '../../../../utils/result.dart';
+
+class LogoutViewModel {
+  LogoutViewModel({
+    required AuthRepository authRepository,
+    required ItineraryConfigRepository itineraryConfigRepository,
+  })  : _authLogoutRepository = authRepository,
+        _itineraryConfigRepository = itineraryConfigRepository {
+    logout = Command0(_logout);
+  }
+  final AuthRepository _authLogoutRepository;
+  final ItineraryConfigRepository _itineraryConfigRepository;
+  late Command0 logout;
+
+  Future<Result> _logout() async {
+    var result = await _authLogoutRepository.logout();
+    switch (result) {
+      case Ok<void>():
+        // clear stored itinerary config
+        return _itineraryConfigRepository
+            .setItineraryConfig(const ItineraryConfig());
+      case Error<void>():
+        return result;
+    }
+  }
+}

compass_app/app/lib/ui/auth/logout/widgets/logout_button.dart

@@ -0,0 +1,88 @@
+// Copyright 2024 The Flutter team. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import 'package:flutter/material.dart';
+
+import '../../../core/localization/applocalization.dart';
+import '../../../core/themes/colors.dart';
+import '../view_models/logout_viewmodel.dart';
+
+class LogoutButton extends StatefulWidget {
+  const LogoutButton({
+    super.key,
+    required this.viewModel,
+  });
+
+  final LogoutViewModel viewModel;
+
+  @override
+  State<LogoutButton> createState() => _LogoutButtonState();
+}
+
+class _LogoutButtonState extends State<LogoutButton> {
+  @override
+  void initState() {
+    super.initState();
+    widget.viewModel.logout.addListener(_onResult);
+  }
+
+  @override
+  void didUpdateWidget(covariant LogoutButton oldWidget) {
+    super.didUpdateWidget(oldWidget);
+    oldWidget.viewModel.logout.removeListener(_onResult);
+    widget.viewModel.logout.addListener(_onResult);
+  }
+
+  @override
+  void dispose() {
+    widget.viewModel.logout.removeListener(_onResult);
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return SizedBox(
+      height: 40.0,
+      width: 40.0,
+      child: DecoratedBox(
+        decoration: BoxDecoration(
+          border: Border.all(color: AppColors.grey1),
+          borderRadius: BorderRadius.circular(8.0),
+          color: Colors.transparent,
+        ),
+        child: InkResponse(
+          borderRadius: BorderRadius.circular(8.0),
+          onTap: () {
+            widget.viewModel.logout.execute();
+          },
+          child: Center(
+            child: Icon(
+              size: 24.0,
+              Icons.logout,
+              color: Theme.of(context).colorScheme.onSurface,
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+
+  void _onResult() {
+    // We do not need to navigate to `/login` on logout,
+    // it is done automatically by GoRouter.
+
+    if (widget.viewModel.logout.error) {
+      widget.viewModel.logout.clearResult();
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(
+          content: Text(AppLocalization.of(context).errorWhileLogout),
+          action: SnackBarAction(
+            label: AppLocalization.of(context).tryAgain,
+            onPressed: widget.viewModel.logout.execute,
+          ),
+        ),
+      );
+    }
+  }
+}