feat: adds Reload functionality using BLoC

Author: am-casper

lib/data/constants/env_config.dart

@@ -1,7 +1,7 @@
 class EnvironmentConfig {
   static const String BASE_URL = String.fromEnvironment(
     'BASE_URL',
-    defaultValue: 'https://faf1-103-37-201-177.ngrok-free.app',
+    defaultValue: 'https://appetizer.onrender.com',
   );
 
   static const String OAUTH_CLIENT_ID = String.fromEnvironment(

lib/presentation/no_internet/bloc/no_internet_bloc.dart

@@ -1,4 +1,3 @@
-import 'package:appetizer/domain/models/user/user.dart';
 import 'package:appetizer/domain/repositories/user/user_repository.dart';
 import 'package:bloc/bloc.dart';
 import 'package:equatable/equatable.dart';
@@ -8,15 +7,18 @@ part 'no_internet_state.dart';
 
 class NoInternetBloc extends Bloc<NoInternetEvent, NoInternetState> {
   final UserRepository repo;
-  NoInternetBloc({required this.repo}) : super(const NoInternetState()) {
+  NoInternetBloc({required this.repo}) : super(const NoInternetInitial()) {
     on<ReloadPressed>(_onReloadPressed);
   }
 
   void _onReloadPressed(
       ReloadPressed event, Emitter<NoInternetState> emit) async {
+    emit(const Loading());
     try {
-      User user = await repo.getCurrentUser();
-
-    } catch (e) {}
+      await repo.getCurrentUser();
+      emit(const ReloadSuccess());
+    } catch (e) {
+      emit(const NoInternetInitial());
+    }
   }
 }

lib/presentation/no_internet/bloc/no_internet_event.dart

@@ -2,11 +2,11 @@ part of 'no_internet_bloc.dart';
 
 class NoInternetEvent extends Equatable {
   const NoInternetEvent();
-  
+
   @override
   List<Object?> get props => [];
 }
 
 class ReloadPressed extends NoInternetEvent {
   const ReloadPressed();
-}
+}

lib/presentation/no_internet/bloc/no_internet_state.dart

@@ -7,3 +7,14 @@ class NoInternetState extends Equatable {
   List<Object> get props => [];
 }
 
+class NoInternetInitial extends NoInternetState {
+  const NoInternetInitial();
+}
+
+class Loading extends NoInternetState {
+  const Loading();
+}
+
+class ReloadSuccess extends NoInternetState {
+  const ReloadSuccess();
+}

lib/presentation/no_internet/no_internet.dart

@@ -1,7 +1,14 @@
+import 'package:appetizer/app_theme.dart';
+import 'package:appetizer/data/core/theme/dimensional/dimensional.dart';
+import 'package:appetizer/domain/repositories/user/user_repository.dart';
+import 'package:appetizer/presentation/app/bloc/app_bloc.dart';
+import 'package:appetizer/presentation/components/loading_indicator.dart';
 import 'package:appetizer/presentation/components/no_data_found_container.dart';
+import 'package:appetizer/presentation/no_internet/bloc/no_internet_bloc.dart';
 import 'package:appetizer/presentation/no_internet/components/no_internet_banner.dart';
 import 'package:auto_route/auto_route.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
 
 @RoutePage()
 class NoInternetWrapper extends StatelessWidget {
@@ -19,14 +26,79 @@ class NoInternetScreen extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Container(
-      color: Colors.white,
-      child: const Column(
-        children: [
-          NoInternetBanner(),
-          NoDataFoundContainer(title: "No Internet Connection"),
-        ],
-      ),
-    );
+    return BlocProvider(
+        create: (context) =>
+            NoInternetBloc(repo: context.read<UserRepository>()),
+        child: Container(
+          color: Colors.white,
+          child: Column(
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            children: [
+              const NoInternetBanner(),
+              BlocBuilder<NoInternetBloc, NoInternetState>(
+                  builder: (context, state) {
+                if (state is ReloadSuccess) {
+                  context.read<AppBloc>().add(const GetUser());
+                }
+                if (state is NoInternetInitial) {
+                  return Column(
+                    children: [
+                      const NoDataFoundContainer(
+                          title: "No Internet Connectivity!"),
+                      SizedBox(
+                        height: 20.toAutoScaledHeight,
+                      ),
+                      GestureDetector(
+                          onTap: () => context
+                              .read<NoInternetBloc>()
+                              .add(const ReloadPressed()),
+                          child: Container(
+                            height: 24.toAutoScaledHeight,
+                            width: 72.toAutoScaledWidth,
+                            padding: EdgeInsets.symmetric(
+                              horizontal: 8.toAutoScaledWidth,
+                            ),
+                            decoration: ShapeDecoration(
+                              color: AppTheme.primary,
+                              shape: RoundedRectangleBorder(
+                                  borderRadius: BorderRadius.circular(6)),
+                            ),
+                            child: Center(
+                              child: Text(
+                                'Reload',
+                                style: AppTheme.bodyText1.copyWith(
+                                    color: AppTheme.white,
+                                    fontSize: 14.toAutoScaledFont,
+                                    fontWeight: FontWeight.w600,
+                                    decoration: TextDecoration.none),
+                              ),
+                            ),
+                          )),
+                    ],
+                  );
+                }
+                return SizedBox(
+                  height: 200.toAutoScaledHeight,
+                  child: const Align(
+                    alignment: Alignment.bottomCenter,
+                    child: LoadingIndicator(),
+                  ),
+                );
+              }),
+              SizedBox(
+                height: 100.toAutoScaledHeight,
+              )
+            ],
+          ),
+        ));
   }
 }
+// Container(
+//   color: Colors.white,
+//   child: const Column(
+//     children: [
+//       NoInternetBanner(),
+//       NoDataFoundContainer(title: "No Internet Connection"),
+//     ],
+//   ),
+// ),