feat: mobile: version notice with badges

Author: zmhu

lib/components/main_settings_component.dart

@@ -7,6 +7,7 @@ import 'package:geek_chat/models/locale_model.dart';
 import 'package:geek_chat/models/theme.dart';
 import 'package:get/get.dart';
 import 'package:logger/logger.dart';
+import 'package:badges/badges.dart' as badges;
 
 // ignore: must_be_immutable
 class SettingsComponent extends StatelessWidget {
@@ -140,10 +141,7 @@ class SettingsComponent extends StatelessWidget {
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
             Text("About".tr),
-            Text(
-              "${'Version'.tr}, v${controller.packageInfo.version} ",
-              style: const TextStyle(fontSize: 12),
-            )
+            getVersionWidget(controller),
           ],
         ),
         leading: const Icon(Icons.info_outline),
@@ -156,4 +154,19 @@ class SettingsComponent extends StatelessWidget {
     ];
     return menus;
   }
+
+  Widget getVersionWidget(SettingsController controller) {
+    Widget widget = Text(
+      "${'Version'.tr}, v${controller.packageInfo.version} ",
+      style: const TextStyle(fontSize: 12),
+    );
+    if (controller.hasNewVersion) {
+      return badges.Badge(
+        position: badges.BadgePosition.topEnd(top: 0, end: -12),
+        showBadge: true,
+        child: widget,
+      );
+    }
+    return widget;
+  }
 }

lib/pages/mobile_home_page.dart

@@ -6,6 +6,7 @@ import 'package:geek_chat/controller/main_controller.dart';
 import 'package:geek_chat/controller/settings.dart';
 import 'package:geek_chat/controller/tracker_controller.dart';
 import 'package:get/get.dart';
+import 'package:badges/badges.dart' as badges;
 
 // ignore: must_be_immutable
 class MobileHomePage extends StatelessWidget {
@@ -98,7 +99,7 @@ class MobileHomePage extends StatelessWidget {
               label: 'Prompts'.tr,
             ),
             BottomNavigationBarItem(
-              icon: const Icon(Icons.settings),
+              icon: getSettingsIcon(),
               label: 'Settings'.tr,
             )
           ],
@@ -109,4 +110,16 @@ class MobileHomePage extends StatelessWidget {
       }),
     );
   }
+
+  Widget getSettingsIcon() {
+    Widget widget = const Icon(Icons.settings);
+    if (settingsController.hasNewVersion) {
+      return badges.Badge(
+        position: badges.BadgePosition.topEnd(top: 0, end: -12),
+        showBadge: true,
+        child: widget,
+      );
+    }
+    return widget;
+  }
 }