step 7 : login, logout (bug disconnect), home screen top info user login

lib/app/constant.dart

@@ -7,6 +7,9 @@ class Constant {
   // base url graphql
   static String baseURLGraphQl = "http://devone.aplikasi.web.id:3300/query";
 
+  static String bearerName = "absensi-sas";
+  static String accountGoogle = "absensi-google-account";
+
   static double designHeightPhone = 844;
   static double designWidthPhone = 390;
 

lib/app/route.dart

@@ -1,3 +1,4 @@
+import 'package:absensi_sas_flutter/screen/home/home_screen.dart';
 import 'package:flutter/material.dart';
 import '../test_flutter_map.dart';
 import '../screen/login/login_screen.dart';
@@ -6,6 +7,7 @@ import '../screen/splash/splash_screen.dart';
 const loginRoute = "/loginRoute";
 const splashRoute = "/splashRoute";
 const testFlutterMapRoute = "/testFlutterMapRoute";
+const homeRoute = "/homeRoute";
 
 class AppRoute {
   static Route<dynamic> generateRoute(RouteSettings settings) {
@@ -21,6 +23,17 @@ class AppRoute {
       });
     }
 
+    // home route
+    if (settings.name == homeRoute) {
+      return MaterialPageRoute(builder: (context) {
+        return MediaQuery(
+          data: MediaQuery.of(context)
+              .copyWith(textScaleFactor: 1.0, padding: EdgeInsets.all(0)),
+          child: HomeScreen(),
+        );
+      });
+    }
+
     // splash screen
     if (settings.name == splashRoute) {
       return MaterialPageRoute(builder: (context) {

lib/main.dart

@@ -3,9 +3,18 @@ import 'package:flutter_riverpod/flutter_riverpod.dart';
 import '../app/route.dart';
 // import '../test_map.dart';
 
+// final routerProvider = Provider((_) => GlobalKey<NavigatorState>());
+
 void main() async {
   WidgetsFlutterBinding.ensureInitialized();
-  runApp(const ProviderScope(child: MyApp()));
+  runApp(
+    ProviderScope(
+      // overrides: [
+      //   routerProvider.overrideWithValue(GlobalKey<NavigatorState>()),
+      // ],
+      child: MyApp(),
+    ),
+  );
 }
 
 class MyApp extends StatelessWidget {

lib/model/auth_model.dart

@@ -0,0 +1,62 @@
+class AuthModel {
+  final String token;
+  final StaffModel model;
+  final String? idTokenGoogle;
+  final String? accessTokenGoogle;
+
+  AuthModel({
+    required this.token,
+    required this.model,
+    this.idTokenGoogle,
+    this.accessTokenGoogle,
+  });
+}
+
+class StaffModel {
+  String? staffId;
+  String? nip;
+  String? name;
+  String? email;
+  String? phoneNumber;
+  String? token;
+  String? idGoogleSignIn;
+  String? companyId;
+  String? companyName;
+
+  StaffModel(
+      {this.staffId,
+      this.nip,
+      this.name,
+      this.email,
+      this.phoneNumber,
+      this.token,
+      this.idGoogleSignIn,
+      this.companyId,
+      this.companyName});
+
+  StaffModel.fromJson(Map<String, dynamic> json) {
+    staffId = json['staff_id'];
+    nip = json['nip'];
+    name = json['name'];
+    email = json['email'];
+    phoneNumber = json['phone_number'];
+    token = json['token'];
+    idGoogleSignIn = json['id_google_sign_in'];
+    companyId = json['company_id'];
+    companyName = json['company_name'];
+  }
+
+  Map<String, dynamic> toJson() {
+    final Map<String, dynamic> data = new Map<String, dynamic>();
+    data['staff_id'] = this.staffId;
+    data['nip'] = this.nip;
+    data['name'] = this.name;
+    data['email'] = this.email;
+    data['phone_number'] = this.phoneNumber;
+    data['token'] = this.token;
+    data['id_google_sign_in'] = this.idGoogleSignIn;
+    data['company_id'] = this.companyId;
+    data['company_name'] = this.companyName;
+    return data;
+  }
+}

lib/model/logout_response_model.dart

@@ -0,0 +1,18 @@
+class LogoutResponseModel {
+  String? status;
+  String? message;
+
+  LogoutResponseModel({this.status, this.message});
+
+  LogoutResponseModel.fromJson(Map<String, dynamic> json) {
+    status = json['status'];
+    message = json['message'];
+  }
+
+  Map<String, dynamic> toJson() {
+    final Map<String, dynamic> data = new Map<String, dynamic>();
+    data['status'] = this.status;
+    data['message'] = this.message;
+    return data;
+  }
+}

lib/provider/current_user_provider.dart

@@ -0,0 +1,4 @@
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import '../model/auth_model.dart';
+
+final currentUserProvider = StateProvider<AuthModel?>((ref) => null);

lib/provider/google_login_provider.dart

@@ -10,4 +10,6 @@ final googleSignInProvider = StateProvider<GoogleSignIn>((ref) {
   );
 });
 
-final currentUserProvider = StateProvider<GoogleSignInAccount?>((ref) => null);
+final currentUserGoogleProvider = StateProvider<GoogleSignInAccount?>((ref) => null);
+
+final isNotifyFromLogout = StateProvider<bool>((ref) => false);

lib/repository/auth_repository.dart

@@ -0,0 +1,55 @@
+import 'package:absensi_sas_flutter/model/logout_response_model.dart';
+import 'package:google_sign_in/google_sign_in.dart';
+
+import '../model/auth_model.dart';
+import 'base_repository.dart';
+
+class AuthRepository extends BaseRepository {
+  AuthRepository({required super.graphql, required super.dio});
+
+  // login
+  Future<AuthModel> login(
+    String email,
+    String idGoogleSignIn,
+  ) async {
+    const String query =
+        r'''mutation($emailParam:String!, $id_google_sign_in_Param:String!){ loginAttendance(email:$emailParam, id_google_sign_in:$id_google_sign_in_Param){ staff_id nip name email phone_number token id_google_sign_in company_id company_name } }''';
+
+    Map<String, dynamic> inpVariables = {
+      "emailParam": email,
+      "id_google_sign_in_Param": idGoogleSignIn
+    };
+    final resp = await postGraphQlMutation(query, inpVariables);
+    // final loginData = AuthModel.fromJson(resp['userLogin']);
+
+    print('obj loginAttendance : ${resp["loginAttendance"]}');
+    print('token : ${resp["loginAttendance"]["token"]}');
+
+    final result = AuthModel(
+      token: resp["loginAttendance"]["token"],
+      model: StaffModel.fromJson(resp["loginAttendance"]),
+    );
+    return result;
+  }
+
+  // logout
+  Future<LogoutResponseModel> logout(
+      String email, String idGoogleSignIn) async {
+    const String query =
+        r'''mutation($emailParam:String!, $id_google_sign_in_Param:String!){ logoutAttendance(email:$emailParam, id_google_sign_in:$id_google_sign_in_Param){ staff_id nip name email phone_number token id_google_sign_in company_id company_name } }''';
+
+    Map<String, dynamic> inpVariables = {
+      "emailParam": email,
+      "id_google_sign_in_Param": idGoogleSignIn
+    };
+    final resp = await postGraphQlMutation(query, inpVariables);
+    // final loginData = AuthModel.fromJson(resp['userLogin']);
+
+    // final result = resp['logoutAttendance']['status'];
+
+    final result = LogoutResponseModel(
+        message: resp['logoutAttendance']['message'],
+        status: resp['logoutAttendance']['status']);
+    return result;
+  }
+}

lib/repository/base_repository.dart

@@ -21,6 +21,7 @@ abstract class BaseRepository {
         throw BaseRepositoryException(message: result.exception.toString());
       }
 
+      // return result.data!;
       return result.data!;
     } catch (e) {
       throw BaseRepositoryException(message: e.toString());

lib/screen/home/home_screen.dart

@@ -0,0 +1,181 @@
+import 'dart:async';
+
+import 'package:absensi_sas_flutter/screen/login/logout_provider.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_hooks/flutter_hooks.dart';
+import 'package:google_sign_in/google_sign_in.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:shared_preferences/shared_preferences.dart';
+
+import '../../app/constant.dart';
+import '../../app/route.dart';
+import '../../provider/current_user_provider.dart';
+import '../../provider/google_login_provider.dart';
+import '../../widget/sankbar_widget.dart';
+
+class HomeScreen extends HookConsumerWidget {
+  const HomeScreen({super.key});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final isLoading = useState(false);
+    // final errorMessage = useState("");
+    final successMessage = useState("");
+    final googleSignIn = ref.watch(googleSignInProvider);
+
+    // final currentUserGoogleAccount = ref.watch(currentUserGoogleProvider);
+
+    GoogleSignInAccount? currentUserGoogle =
+        ref.watch(currentUserGoogleProvider);
+
+    final selectedUser = ref.read(currentUserProvider);
+
+    // GoogleSignInAccount? accountX;
+    // final accountX = useState<GoogleSignInAccount?>(null);
+
+    // useEffect(() {
+    //   WidgetsBinding.instance.addPostFrameCallback((timeStamp) async {
+    //     final staffID = ref.read(currentUserProvider)?.model.staffId ?? "0";
+    //     if (staffID == "0" && currentUserGoogle == null) {
+    //       //not login
+    //       Navigator.of(context)
+    //           .pushNamedAndRemoveUntil(loginRoute, (route) => true);
+
+    //       //  Navigator.popAndPushNamed(context, loginRoute);
+    //       return;
+    //     }
+    //   });
+    //   return () {};
+    // }, []);
+
+    // useEffect(() {
+    //   WidgetsBinding.instance.addPostFrameCallback((timeStamp) async {
+    //     final staffID = ref.read(currentUserProvider)?.model.staffId ?? "0";
+    //     final accountGoogle = ref.read(currentUserGoogleProvider)?.id ?? "0";
+
+    //     if (staffID == "0" && accountGoogle == "0") {
+    //       //not login
+    //       Navigator.of(context)
+    //           .pushNamedAndRemoveUntil(loginRoute, (route) => true);
+
+    //       //  Navigator.popAndPushNamed(context, loginRoute);
+    //       return;
+    //     }
+    //   });
+    //   return () {};
+    // }, []);
+
+    // LISTEN PROVIDER
+    ref.listen(logoutProvider, (prev, next) async {
+      if (next is LogoutStateLoading) {
+        isLoading.value = true;
+      } else if (next is LogoutStateError) {
+        isLoading.value = false;
+        // errorMessage.value = next.message;
+        // Timer(const Duration(seconds: 3), () {
+        //   errorMessage.value = "";
+        // });
+        SanckbarWidget(context, next.message, snackbarType.warning);
+      } else if (next is LogoutStateDone) {
+        isLoading.value = false;
+
+        if (next.model.status == "OK") {
+          final shared = await SharedPreferences.getInstance();
+          final bearerString = shared.get(Constant.bearerName).toString();
+          // print(bearerString);
+          if (bearerString.isNotEmpty) {
+            shared.remove(bearerString);
+            shared.clear();
+            // Navigator.popAndPushNamed(context, loginRoute);
+            Navigator.of(context).pushNamedAndRemoveUntil(
+              loginRoute,
+              (route) => false,
+            );
+          }
+          Timer(const Duration(seconds: 3), () async {
+            successMessage.value = "";
+          });
+        } else {
+          SanckbarWidget(
+            context,
+            next.model.message.toString(),
+            snackbarType.warning,
+          );
+        }
+      }
+    });
+
+    Future<void> handleLogout() async {
+      final googleSignIn = GoogleSignIn();
+
+      // googleSignIn.signOut();
+      await googleSignIn.disconnect();
+      await googleSignIn.signOut();
+
+      // ref.read(currentUserGoogleProvider.notifier).update((state) => null);
+      // final shared = await SharedPreferences.getInstance();
+      // final bearerString = shared.get(Constant.bearerName).toString();
+      // if (bearerString.isNotEmpty) {
+      //   shared.remove(bearerString);
+      //   shared.clear();
+      // }
+
+      // if (googleSignIn.currentUser != null) {
+      //   GoogleSignIn().signOut();
+      // }
+
+      // await GoogleSignIn().disconnect();
+
+      // Clear state dan kembali ke halaman login
+      // ref.read(currentUserGoogleProvider.notifier).update((state) => null);
+      // final shared = await SharedPreferences.getInstance();
+      // final bearerString = shared.get(Constant.bearerName).toString();
+      // if (bearerString.isNotEmpty) {
+      //   shared.remove(bearerString);
+      //   shared.clear();
+      // }
+      Navigator.of(context)
+          .pushNamedAndRemoveUntil(loginRoute, (route) => false);
+    }
+
+    return Scaffold(
+      body: Padding(
+        padding: const EdgeInsets.all(20),
+        child: Column(
+          children: [
+            (currentUserGoogle == null)
+                ? Center(
+                    child: CircularProgressIndicator(),
+                  )
+                : Container(
+                    child: ListTile(
+                      leading: GoogleUserCircleAvatar(
+                        // identity: accountX.value!,
+                        // identity: selectedUser?.googleSignInAccount,
+                        identity: currentUserGoogle,
+                      ),
+                      title: Text(
+                        // accountX.value!.displayName ?? ""
+                        // selectedUser?.model.name ?? "",
+                        currentUserGoogle.displayName ?? "",
+                      ),
+                      // currentUserGoogle?.displayName ?? ""),
+                      subtitle: Text(
+                        // currentUserGoogle?.email ?? "",
+                        selectedUser?.model.email ?? "",
+                        // accountX.value!.email
+                      ),
+                      trailing: IconButton(
+                        icon: Icon(Icons.logout_outlined),
+                        onPressed: () async {
+                          handleLogout();
+                        },
+                      ),
+                    ),
+                  ),
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/screen/login/login_provider.dart

@@ -0,0 +1,98 @@
+import 'dart:convert';
+
+import 'package:absensi_sas_flutter/provider/google_login_provider.dart';
+import 'package:google_sign_in/google_sign_in.dart';
+import 'package:shared_preferences/shared_preferences.dart';
+
+import '../../app/constant.dart';
+import '../../model/auth_model.dart';
+import 'package:equatable/equatable.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import '../../provider/current_user_provider.dart';
+import '../../provider/dio_provider.dart';
+import '../../provider/graphql_provider.dart';
+import '../../repository/auth_repository.dart';
+import '../../repository/base_repository.dart';
+
+abstract class LoginState extends Equatable {
+  final DateTime date;
+  const LoginState(this.date);
+  @override
+  List<Object?> get props => [date];
+}
+
+class LoginStateInit extends LoginState {
+  LoginStateInit() : super(DateTime.now());
+}
+
+class LoginStateLoading extends LoginState {
+  LoginStateLoading() : super(DateTime.now());
+}
+
+class LoginStateError extends LoginState {
+  final String message;
+  LoginStateError({
+    required this.message,
+  }) : super(DateTime.now());
+}
+
+class LoginStateDone extends LoginState {
+  final AuthModel model;
+  LoginStateDone({
+    required this.model,
+  }) : super(DateTime.now());
+}
+
+//notifier
+class LoginNotifier extends StateNotifier<LoginState> {
+  final Ref ref;
+  LoginNotifier({
+    required this.ref,
+  }) : super(LoginStateInit());
+
+  void login(
+    String email,
+    String idGoogleSignIn,
+  ) async {
+    try {
+      state = LoginStateLoading();
+      final graphql = ref.read(graphqlProvider(''));
+      final dio = ref.read(dioProvider);
+      final resp = await AuthRepository(graphql: graphql, dio: dio).login(
+        email,
+        idGoogleSignIn,
+      );
+
+      //Simpan ke token
+      final shared = await SharedPreferences.getInstance();
+      final token = jsonEncode({
+        "date": DateTime.now().toString(),
+        "model": resp.model,
+        "token": resp.token
+      });
+      await shared.setString(Constant.bearerName, token);
+      ref.read(currentUserProvider.notifier).state = resp;
+
+      // // set google sign in account
+      //  final accountEncode = jsonEncode({
+      //   "account": account,
+      // });
+      // await shared.setString(Constant.accountGoogle, accountEncode);
+      // ref.read(currentUserGoogleProvider.notifier).state = acc
+      
+      
+      state = LoginStateDone(model: resp);
+    } catch (e) {
+      if (e is BaseRepositoryException) {
+        state = LoginStateError(message: e.message ?? "");
+      } else {
+        state = LoginStateError(message: e.toString());
+      }
+    }
+  }
+}
+
+// provider
+final loginProvider = StateNotifierProvider<LoginNotifier, LoginState>(
+  (ref) => LoginNotifier(ref: ref),
+);

lib/screen/login/login_screen.dart

@@ -1,18 +1,20 @@
-import 'dart:io';
+import 'dart:convert';
 
-import 'package:dio/dio.dart';
+import 'package:absensi_sas_flutter/screen/login/login_provider.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter/services.dart';
 import 'package:flutter_hooks/flutter_hooks.dart';
 import 'package:google_sign_in/google_sign_in.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
-import 'package:path_provider/path_provider.dart';
+import 'package:shared_preferences/shared_preferences.dart';
 
 import '../../app/constant.dart';
+import '../../app/route.dart';
+import '../../model/auth_model.dart';
+import '../../provider/current_user_provider.dart';
 import '../../provider/google_login_provider.dart';
 
-import 'package:crypton/crypton.dart' as crypton;
+import '../../widget/sankbar_widget.dart';
 
 class LoginScreen extends HookConsumerWidget {
   const LoginScreen({super.key});
@@ -22,60 +24,130 @@ class LoginScreen extends HookConsumerWidget {
     // inisialisasi
     // ref.watch itu sama spt memantau state terus menerus
     // ref.read itu memantau namun hny 1x saja
-    GoogleSignInAccount? currentUser = ref.watch(currentUserProvider);
+    GoogleSignInAccount? currentUserGoogle =
+        ref.watch(currentUserGoogleProvider);
     final googleSignIn = ref.watch(googleSignInProvider);
 
-    Future<void> postPublicKey() async {
+    final isLoading = useState(false);
-      Dio dio = Dio();
+    final errorMessage = useState("");
-      String url = "https://example.com/api/post_endpoint";
+    final isSuccess = useState(false);
-      try {
-        final publicPem = await rootBundle.loadString('assets/public_key.pem');
-        final publicKey = crypton.RSAPublicKey.fromPEM(publicPem);
-
-        // GoogleSignInAccount? currentUser = ref.watch(currentUserProvider);
-        // final googleSignIn = ref.watch(googleSignInProvider);
-        // return filePath;
-
-        publicKey.encrypt("testing satu dua tiga");
-        Map<String, dynamic> data = {
-          "publickey": publicKey,
-          "id_google_sign_in": "102110797605607117832",
-          "email": "sindhu@sismedia.com"
-        };
-
-        Response response = await dio.post(
-          url,
-          data: data,
-        );
-
-        // Menampilkan respons dari server
-        print("Response data: ${response.data}");
-
-        // googleSignIn.onCurrentUserChanged.listen((account) {
-        //   // untuk update value ke provider google_login_provider yaitu currentUserProvider
-        //   ref.read(currentUserProvider.notifier).update((state) => account);
-        // });
-        // googleSignIn.signInSilently();
-      } catch (e) {
-        print("Error reading file: $e");
-      }
-    }
 
     useEffect(() {
-      // googleSignIn.onCurrentUserChanged.listen((account) {
+      WidgetsBinding.instance.addPostFrameCallback((timeStamp) async {
-      //   // untuk update value ke provider google_login_provider yaitu currentUserProvider
+        final staffID = ref.read(currentUserProvider)?.model.staffId ?? "0";
-      //   ref.read(currentUserProvider.notifier).update((state) => account);
-      // });
-      // googleSignIn.signInSilently();
 
-      postPublicKey();
+        googleSignIn.onCurrentUserChanged.listen((account) {
+          ref
+              .read(currentUserGoogleProvider.notifier)
+              .update((state) => account);
+        });
+        googleSignIn.signInSilently();
+        // if (currentUserGoogle != null && staffID == "0") {
+        //   ref.read(loginProvider.notifier).login(
+        //         currentUserGoogle.email,
+        //         currentUserGoogle.id,
+        //       );
+        // }
+
+        if (currentUserGoogle != null) {
+          if (staffID == "0") {
+            ref.read(loginProvider.notifier).login(
+                  currentUserGoogle.email,
+                  currentUserGoogle.id,
+                );
+          }
+        }
+      });
       return () {};
-    }, const []);
+    }, [currentUserGoogle]);
+
+    useEffect(() {
+      return () {};
+    }, [currentUserGoogle]);
+
+    WidgetsBinding.instance.addPostFrameCallback((timeStamp) async {
+      final staffID = ref.read(currentUserProvider)?.model.staffId ?? "0";
+      final shared = await SharedPreferences.getInstance();
+      final bearerString = shared.get(Constant.bearerName).toString();
+      final xmodel = jsonDecode(bearerString);
+      if (xmodel == null) return;
+      final authModel = AuthModel(
+        token: xmodel["token"],
+        model: StaffModel(
+          companyId: xmodel["model"]["companyId"],
+          companyName: xmodel["model"]["companyName"],
+          email: xmodel["model"]["email"],
+          staffId: xmodel["model"]["staffId"],
+          idGoogleSignIn: xmodel['model']['idGoogleSignIn'],
+          name: xmodel['model']['name'],
+          nip: xmodel['model']['nip'],
+          phoneNumber: xmodel["model"]["phoneNumber"],
+          token: xmodel["model"]["token"],
+        ),
+      );
+
+      googleSignIn.onCurrentUserChanged.listen((account) {
+        if (account != null && staffID == "0") {
+          ref
+              .read(currentUserGoogleProvider.notifier)
+              .update((state) => account);
+          ref.read(currentUserProvider.notifier).state = authModel;
+          Navigator.of(context).pushNamedAndRemoveUntil(
+            homeRoute,
+            (route) => false,
+          );
+        }
+      });
+
+      // ref.read(currentUserProvider.notifier).state = authModel;
+
+      // Navigator.of(context).pushNamedAndRemoveUntil(
+      //   homeRoute,
+      //   (route) => false,
+      // );
+    });
+
+    // LISTEN PROVIDER
+    ref.listen(loginProvider, (prev, next) {
+      if (next is LoginStateLoading) {
+        isLoading.value = true;
+      } else if (next is LoginStateError) {
+        isLoading.value = false;
+        // errorMessage.value = next.message;
+        // Timer(const Duration(seconds: 3), () {
+        //   errorMessage.value = "";
+        // });
+        SanckbarWidget(context, next.message, snackbarType.warning);
+      } else if (next is LoginStateDone) {
+        isLoading.value = false;
+        isSuccess.value = true;
+        // ref.read(currentPageProvider.state).update((state) => 0);
+        Navigator.of(context)
+            .pushNamedAndRemoveUntil(homeRoute, (route) => false);
+      }
+    });
 
     // fungsi untuk sync ke google mail
-    Future<void> handleSignIn() async {
+    Future<void> handleSignInGmail() async {
       try {
+        // auth ke email
         await googleSignIn.signIn();
+        googleSignIn.onCurrentUserChanged.listen((account) async {
+          ref
+              .read(currentUserGoogleProvider.notifier)
+              .update((state) => account);
+
+          // Check jika account tidak null dan belum login
+          if (account != null &&
+              ref.read(currentUserProvider)?.model.staffId == "0") {
+            // Lakukan login
+            ref.read(loginProvider.notifier).login(
+                  account.email,
+                  account.id,
+                );
+          }
+        });
+        googleSignIn.signInSilently();
       } catch (error) {
         if (kDebugMode) {
           print(error);
@@ -91,27 +163,27 @@ class LoginScreen extends HookConsumerWidget {
               SizedBox(
                 height: Constant.getActualYPhone(context: context, y: 100),
               ),
-              (currentUser != null)
+              // (currentUserGoogle != null)
-                  ? Container(
+              //     ? Container(
-                      child: ListTile(
+              //         child: ListTile(
-                        leading: GoogleUserCircleAvatar(
+              //           leading: GoogleUserCircleAvatar(
-                          identity: currentUser,
+              //             identity: currentUserGoogle,
-                        ),
+              //           ),
-                        title: Text(
+              //           title: Text(
-                          currentUser.displayName ?? "",
+              //             currentUserGoogle.displayName ?? "",
-                        ),
+              //           ),
-                        subtitle: Text(
+              //           subtitle: Text(
-                          currentUser.email,
+              //             currentUserGoogle.email,
-                        ),
+              //           ),
-                        trailing: IconButton(
+              //           trailing: IconButton(
-                          icon: Icon(Icons.logout_outlined),
+              //             icon: Icon(Icons.logout_outlined),
-                          onPressed: () async {
+              //             onPressed: () async {
-                            await googleSignIn.disconnect();
+              //               await googleSignIn.disconnect();
-                          },
+              //             },
-                        ),
+              //           ),
-                      ),
+              //         ),
-                    )
+              //       )
-                  :
+              //     :
                   // Logo Landscape
                   Padding(
                       padding: EdgeInsets.only(
@@ -182,6 +254,17 @@ class LoginScreen extends HookConsumerWidget {
                 ],
               ),
 
+              SizedBox(
+                height: Constant.getActualYPhone(context: context, y: 10),
+              ),
+
+              // ElevatedButton(
+              //   onPressed: () async {
+              //     await googleSignIn.disconnect();
+              //   },
+              //   child: Text('logout'),
+              // ),
+
               SizedBox(
                 height: Constant.getActualYPhone(context: context, y: 64),
               ),
@@ -197,7 +280,7 @@ class LoginScreen extends HookConsumerWidget {
                   height: Constant.getActualYPhone(context: context, y: 48),
                   child: ElevatedButton(
                     onPressed: () async {
-                      await handleSignIn();
+                      await handleSignInGmail();
                     },
                     child: Row(
                       mainAxisAlignment: MainAxisAlignment.center,

lib/screen/login/logout_provider.dart

@@ -0,0 +1,70 @@
+import 'package:equatable/equatable.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import '../../model/logout_response_model.dart';
+import '../../provider/dio_provider.dart';
+import '../../provider/graphql_provider.dart';
+import '../../repository/auth_repository.dart';
+import '../../repository/base_repository.dart';
+
+// 3. state provider
+final logoutProvider = StateNotifierProvider<LogoutNotifier, LogoutState>(
+    (ref) => LogoutNotifier(ref: ref));
+
+// 2. notifier
+class LogoutNotifier extends StateNotifier<LogoutState> {
+  final Ref ref;
+  LogoutNotifier({required this.ref}) : super(LogoutStateInit());
+  void logout({
+    required String email,
+    required String idGoogleSignIn,
+  }) async {
+    try {
+      state = LogoutStateLoading();
+      final graphql = ref.read(graphqlProvider(''));
+      final dio = ref.read(dioProvider);
+      final resp = await AuthRepository(graphql: graphql, dio: dio).logout(
+        email,
+        idGoogleSignIn,
+      );
+
+      // print(resp);
+      state = LogoutStateDone(model: resp);
+    } catch (e) {
+      if (e is BaseRepositoryException) {
+        state = LogoutStateError(message: e.message ?? "");
+      } else {
+        state = LogoutStateError(message: e.toString());
+      }
+    }
+  }
+}
+
+// 1. state
+abstract class LogoutState extends Equatable {
+  final DateTime date;
+  const LogoutState(this.date);
+  @override
+  List<Object?> get props => [date];
+}
+
+class LogoutStateInit extends LogoutState {
+  LogoutStateInit() : super(DateTime.now());
+}
+
+class LogoutStateLoading extends LogoutState {
+  LogoutStateLoading() : super(DateTime.now());
+}
+
+class LogoutStateError extends LogoutState {
+  final String message;
+  LogoutStateError({
+    required this.message,
+  }) : super(DateTime.now());
+}
+
+class LogoutStateDone extends LogoutState {
+  final LogoutResponseModel model;
+  LogoutStateDone({
+    required this.model,
+  }) : super(DateTime.now());
+}

lib/widget/sankbar_widget.dart

@@ -0,0 +1,50 @@
+import 'package:flutter/material.dart';
+import 'package:top_snackbar_flutter/custom_snack_bar.dart';
+import 'package:top_snackbar_flutter/top_snack_bar.dart';
+
+enum snackbarType { error, info, success, warning }
+
+SanckbarWidget(BuildContext context, String msg, snackbarType tipe) {
+  switch (tipe) {
+    case snackbarType.error:
+      return showTopSnackBar(
+        Overlay.of(context),
+        CustomSnackBar.error(
+          message: msg,
+        ),
+      );
+      break;
+    case snackbarType.success:
+      return showTopSnackBar(
+        Overlay.of(context),
+        CustomSnackBar.success(
+          message: msg,
+        ),
+      );
+      break;
+    case snackbarType.info:
+      return showTopSnackBar(
+        Overlay.of(context),
+        CustomSnackBar.info(
+          message: msg,
+        ),
+      );
+      break;
+    case snackbarType.warning:
+      return showTopSnackBar(
+        Overlay.of(context),
+        CustomSnackBar.info(
+          backgroundColor: Colors.orangeAccent,
+          message: msg,
+        ),
+      );
+      break;
+    default:
+      return showTopSnackBar(
+        Overlay.of(context),
+        CustomSnackBar.info(
+          message: msg,
+        ),
+      );
+  }
+}

pubspec.lock

@@ -773,6 +773,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "0.5.1"
+  top_snackbar_flutter:
+    dependency: "direct main"
+    description:
+      name: top_snackbar_flutter
+      sha256: "22d14664a13db6ac714934c3382bd8d4daa57fb888a672f922df71981c5a5cb2"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.0"
   typed_data:
     dependency: transitive
     description:

pubspec.yaml

@@ -50,6 +50,7 @@ dependencies:
   path_provider: ^2.0.2
   intl: ^0.17.0
   graphql: ^5.1.3
+  top_snackbar_flutter: ^3.1.0
 
 dev_dependencies:
   flutter_test: