loadable error screen, reload actions, autoreload

lib/app.dart

@@ -5,6 +5,7 @@ import 'dart:developer';
 import 'package:easy_debounce/easy_throttle.dart';
 import 'package:firebase_messaging/firebase_messaging.dart';
 import 'package:flutter/material.dart';
+import 'state/app/modules/app_modules.dart';
 import 'package:persistent_bottom_nav_bar_v2/persistent_bottom_nav_bar_v2.dart';
 import 'package:provider/provider.dart';
 import 'package:badges/badges.dart' as badges;
@@ -20,10 +21,7 @@ import 'notification/notificationController.dart';
 import 'notification/notificationTasks.dart';
 import 'notification/notifyUpdater.dart';
 import 'storage/base/settingsProvider.dart';
-import 'view/pages/files/files.dart';
 import 'view/pages/overhang.dart';
-import 'view/pages/talk/chatList.dart';
-import 'view/pages/timetable/timetable.dart';
 
 class App extends StatefulWidget {
   const App({super.key});
@@ -101,50 +99,30 @@ class _AppState extends State<App> with WidgetsBindingObserver {
 
       screenTransitionAnimation: const ScreenTransitionAnimation(curve: Curves.easeOutQuad, duration: Duration(milliseconds: 200)),
       tabs: [
-        PersistentTabConfig(
-          screen: const Breaker(breaker: BreakerArea.timetable, child: Timetable()),
-          item: ItemConfig(
-            activeForegroundColor: Theme.of(context).primaryColor,
-            inactiveForegroundColor: Theme.of(context).colorScheme.secondary,
-            icon: const Icon(Icons.calendar_month),
-            title: 'Vertretung'
-          ),
-        ),
-        PersistentTabConfig(
-          screen: const Breaker(breaker: BreakerArea.talk, child: ChatList()),
-          item: ItemConfig(
-            activeForegroundColor: Theme.of(context).primaryColor,
-            inactiveForegroundColor: Theme.of(context).colorScheme.secondary,
-            icon: Consumer<ChatListProps>(
-              builder: (context, value, child) {
-                if(value.primaryLoading()) return const Icon(Icons.chat);
-                var messages = value.getRoomsResponse.data.map((e) => e.unreadMessages).reduce((a, b) => a+b);
-                return badges.Badge(
-                  showBadge: messages > 0,
-                  position: badges.BadgePosition.topEnd(top: -3, end: -3),
-                  stackFit: StackFit.loose,
-                  badgeStyle: badges.BadgeStyle(
-                    padding: const EdgeInsets.all(3),
-                    badgeColor: Theme.of(context).primaryColor,
-                    elevation: 1,
-                  ),
-                  badgeContent: Text('$messages', style: const TextStyle(color: Colors.white, fontSize: 10, fontWeight: FontWeight.bold)),
-                  child: const Icon(Icons.chat),
-                );
-              },
-            ),
-            title: 'Talk',
-          ),
-        ),
-        PersistentTabConfig(
-          screen: Breaker(breaker: BreakerArea.files, child: Files()),
-          item: ItemConfig(
-              activeForegroundColor: Theme.of(context).primaryColor,
-              inactiveForegroundColor: Theme.of(context).colorScheme.secondary,
-              icon: const Icon(Icons.folder),
-              title: 'Dateien'
+        AppModule.getModule(Modules.timetable).toBottomTab(context),
+        AppModule.getModule(Modules.talk).toBottomTab(
+          context,
+          itemBuilder: (icon) => Consumer<ChatListProps>(
+            builder: (context, value, child) {
+              if(value.primaryLoading()) return Icon(icon);
+              var messages = value.getRoomsResponse.data.map((e) => e.unreadMessages).reduce((a, b) => a+b);
+              return badges.Badge(
+                showBadge: messages > 0,
+                position: badges.BadgePosition.topEnd(top: -3, end: -3),
+                stackFit: StackFit.loose,
+                badgeStyle: badges.BadgeStyle(
+                  padding: const EdgeInsets.all(3),
+                  badgeColor: Theme.of(context).primaryColor,
+                  elevation: 1,
+                ),
+                badgeContent: Text('$messages', style: const TextStyle(color: Colors.white, fontSize: 10, fontWeight: FontWeight.bold)),
+                child: Icon(icon),
+              );
+            },
           ),
         ),
+        AppModule.getModule(Modules.files).toBottomTab(context),
+
         PersistentTabConfig(
           screen: const Breaker(breaker: BreakerArea.more, child: Overhang()),
           item: ItemConfig(