fix: fetching history in real time takes time to load

Author: CoderUni

lib/app/view/app.dart

@@ -4,6 +4,8 @@ import 'package:flutter_secure_storage/flutter_secure_storage.dart';
 import 'package:qack/gen/fonts.gen.dart';
 import 'package:qack/l10n/arb/app_localizations.dart';
 import 'package:qack/layout/device_info_setter.dart';
+import 'package:qack/presentation/history/bloc/history_bloc.dart';
+import 'package:qack/presentation/history/repositories/repositories.dart';
 import 'package:qack/presentation/home/bloc/home_bloc.dart';
 import 'package:qack/presentation/home/repositories/repositories.dart';
 import 'package:qack/presentation/landing/components/cubit/bottom_navigation_bar_cubit.dart';
@@ -18,12 +20,14 @@ class App extends StatelessWidget {
   const App({
     required this.secureStorage,
     required this.settingsBloc,
+    required this.historyBloc,
     required this.appDatabase,
     super.key,
   });
 
   final FlutterSecureStorage secureStorage;
   final SettingsBloc settingsBloc;
+  final HistoryBloc historyBloc;
   final AppDatabase appDatabase;
 
   @override
@@ -40,14 +44,18 @@ class App extends StatelessWidget {
           create: (context) => HomeRepository(storage: secureStorage),
         ),
       ],
-      child: _App(settingsBloc: settingsBloc),
+      child: _App(
+        settingsBloc: settingsBloc,
+        historyBloc: historyBloc,
+      ),
     );
   }
 }
 
 class _App extends StatelessWidget {
-  const _App({required this.settingsBloc});
+  const _App({required this.settingsBloc, required this.historyBloc});
   final SettingsBloc settingsBloc;
+  final HistoryBloc historyBloc;
 
   @override
   Widget build(BuildContext context) {
@@ -61,6 +69,9 @@ class _App extends StatelessWidget {
             appDatabase: context.read<AppDatabase>(),
           ),
         ),
+        BlocProvider(
+          create: (context) => historyBloc,
+        ),
         BlocProvider(create: (context) => BottomNavigationBarCubit()),
       ],
       child: const AppView(),

lib/bootstrap.dart

@@ -7,6 +7,8 @@ import 'package:flutter_secure_storage/flutter_secure_storage.dart';
 import 'package:get_it/get_it.dart';
 import 'package:http_client/http_client.dart';
 import 'package:qack/constants/key_name.dart';
+import 'package:qack/presentation/history/bloc/history_bloc.dart';
+import 'package:qack/presentation/history/repositories/repositories.dart';
 import 'package:qack/presentation/settings/bloc/settings_bloc.dart';
 import 'package:qack/presentation/settings/respository/settings_repository.dart';
 import 'package:qack/utils/database/database.dart';
@@ -38,6 +40,7 @@ Future<void> bootstrap(
   FutureOr<Widget> Function(
     FlutterSecureStorage secureStorage,
     SettingsBloc settingsBloc,
+    HistoryBloc historyBloc,
     AppDatabase appDatabase,
   ) builder,
 ) async {
@@ -85,10 +88,15 @@ Future<void> bootstrap(
       SettingsFetch(await settingsRepository.getAPIKey()),
     );
 
+  // Initialize history bloc
+  final historyBloc = HistoryBloc(
+    HistoryRepository(appDatabase: appDatabase),
+  )..add(const HistoryFetched());
+
   // Initialize HTTP repository
   GetIt.instance.registerLazySingleton<Http>(Http.new);
 
   Bloc.observer = const AppBlocObserver();
 
-  runApp(await builder(secureStorage, settingsBloc, appDatabase));
+  runApp(await builder(secureStorage, settingsBloc, historyBloc, appDatabase));
 }

lib/main_development.dart

@@ -3,6 +3,7 @@ import 'package:flutter_secure_storage/flutter_secure_storage.dart';
 import 'package:qack/app/view/app.dart';
 import 'package:qack/bootstrap.dart';
 import 'package:qack/constants/key_name.dart';
+import 'package:qack/presentation/history/bloc/history_bloc.dart';
 import 'package:qack/presentation/settings/bloc/settings_bloc.dart';
 import 'package:qack/utils/database/database.dart';
 import 'package:sentry_flutter/sentry_flutter.dart';
@@ -33,11 +34,13 @@ Future<void> main() async {
         await bootstrap(transaction, (
           FlutterSecureStorage secureStorage,
           SettingsBloc settingsBloc,
+          HistoryBloc historyBloc,
           AppDatabase appDatabase,
         ) async {
           return App(
             secureStorage: secureStorage,
             settingsBloc: settingsBloc,
+            historyBloc: historyBloc,
             appDatabase: appDatabase,
           );
         });

lib/main_production.dart

@@ -3,6 +3,7 @@ import 'package:flutter_secure_storage/flutter_secure_storage.dart';
 import 'package:qack/app/view/app.dart';
 import 'package:qack/bootstrap.dart';
 import 'package:qack/constants/constants.dart';
+import 'package:qack/presentation/history/bloc/history_bloc.dart';
 import 'package:qack/presentation/settings/bloc/settings_bloc.dart';
 import 'package:qack/utils/database/database.dart';
 import 'package:sentry_flutter/sentry_flutter.dart';
@@ -32,11 +33,13 @@ Future<void> main() async {
         await bootstrap(transaction, (
           FlutterSecureStorage secureStorage,
           SettingsBloc settingsBloc,
+          HistoryBloc historyBloc,
           AppDatabase appDatabase,
         ) async {
           return App(
             secureStorage: secureStorage,
             settingsBloc: settingsBloc,
+            historyBloc: historyBloc,
             appDatabase: appDatabase,
           );
         });

lib/main_staging.dart

@@ -3,6 +3,7 @@ import 'package:flutter_secure_storage/flutter_secure_storage.dart';
 import 'package:qack/app/view/app.dart';
 import 'package:qack/bootstrap.dart';
 import 'package:qack/constants/constants.dart';
+import 'package:qack/presentation/history/bloc/history_bloc.dart';
 import 'package:qack/presentation/settings/bloc/settings_bloc.dart';
 import 'package:qack/utils/database/database.dart';
 import 'package:sentry_flutter/sentry_flutter.dart';
@@ -32,11 +33,13 @@ Future<void> main() async {
         await bootstrap(transaction, (
           FlutterSecureStorage secureStorage,
           SettingsBloc settingsBloc,
+          HistoryBloc historyBloc,
           AppDatabase appDatabase,
         ) async {
           return App(
             secureStorage: secureStorage,
             settingsBloc: settingsBloc,
+            historyBloc: historyBloc,
             appDatabase: appDatabase,
           );
         });

lib/presentation/history/view/history_page.dart

@@ -14,24 +14,19 @@ class HistoryPage extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return BlocProvider(
-      create: (context) => HistoryBloc(
-        HistoryRepository(appDatabase: context.read<AppDatabase>()),
-      ),
-      child: const LayoutHandler(
-        mobile: HistoryView(
-          searchBarPadding: EdgeInsets.only(
-            top: 16,
-            left: PaddingConstants.mobileHorizontalMarginValue,
-            right: PaddingConstants.mobileHorizontalMarginValue,
-          ),
+    return const LayoutHandler(
+      mobile: HistoryView(
+        searchBarPadding: EdgeInsets.only(
+          top: 16,
+          left: PaddingConstants.mobileHorizontalMarginValue,
+          right: PaddingConstants.mobileHorizontalMarginValue,
         ),
-        tablet: HistoryView(
-          searchBarPadding: EdgeInsets.only(
-            top: 24,
-            left: PaddingConstants.tabletHorizontalMarginValue,
-            right: PaddingConstants.tabletHorizontalMarginValue,
-          ),
+      ),
+      tablet: HistoryView(
+        searchBarPadding: EdgeInsets.only(
+          top: 24,
+          left: PaddingConstants.tabletHorizontalMarginValue,
+          right: PaddingConstants.tabletHorizontalMarginValue,
         ),
       ),
     );
@@ -48,12 +43,6 @@ class HistoryView extends StatefulWidget {
 }
 
 class _HistoryViewState extends State<HistoryView> {
-  @override
-  void initState() {
-    context.read<HistoryBloc>().add(const HistoryFetched());
-    super.initState();
-  }
-
   @override
   Widget build(BuildContext context) {
     const theme = LightTheme();