feat: "New dashboard UI". (#3)

* feat: "New dashboard UI".

* fix: some improvenents

* fix: fix inconsistencies and light theme.

* fix: save patched and installed apps on prefs, improve installer log, improve dashboard with real data (wip)

Co-authored-by: Aunali321 <aunvakil.aa@gmail.com>

* feat: move chips to a separate widget.

Co-authored-by: Alberto Ponces <ponces26@gmail.com>

lib/app/app.dart

@@ -5,6 +5,7 @@ import 'package:revanced_manager/services/root_api.dart';
 import 'package:revanced_manager/ui/views/app_selector/app_selector_view.dart';
 import 'package:revanced_manager/ui/views/app_selector/app_selector_viewmodel.dart';
 import 'package:revanced_manager/ui/views/contributors/contributors_view.dart';
+import 'package:revanced_manager/ui/views/home/home_viewmodel.dart';
 import 'package:revanced_manager/ui/views/installer/installer_view.dart';
 import 'package:revanced_manager/ui/views/installer/installer_viewmodel.dart';
 import 'package:revanced_manager/ui/views/patcher/patcher_viewmodel.dart';
@@ -31,6 +32,7 @@ import 'package:stacked_themes/stacked_themes.dart';
     LazySingleton(classType: PatcherAPI),
     LazySingleton(classType: ManagerAPI),
     LazySingleton(classType: RootAPI),
+    LazySingleton(classType: HomeViewModel),
     LazySingleton(classType: PatcherViewModel),
     LazySingleton(classType: AppSelectorViewModel),
     LazySingleton(classType: PatchesSelectorViewModel),

lib/app/app.locator.dart

@@ -1,39 +0,0 @@
-// GENERATED CODE - DO NOT MODIFY BY HAND
-
-// **************************************************************************
-// StackedLocatorGenerator
-// **************************************************************************
-
-// ignore_for_file: public_member_api_docs, depend_on_referenced_packages
-
-import 'package:stacked_core/stacked_core.dart';
-import 'package:stacked_services/stacked_services.dart';
-import 'package:stacked_themes/stacked_themes.dart';
-
-import '../services/manager_api.dart';
-import '../services/patcher_api.dart';
-import '../services/root_api.dart';
-import '../ui/views/app_selector/app_selector_viewmodel.dart';
-import '../ui/views/installer/installer_viewmodel.dart';
-import '../ui/views/patcher/patcher_viewmodel.dart';
-import '../ui/views/patches_selector/patches_selector_viewmodel.dart';
-
-final locator = StackedLocator.instance;
-
-Future<void> setupLocator(
-    {String? environment, EnvironmentFilter? environmentFilter}) async {
-// Register environments
-  locator.registerEnvironment(
-      environment: environment, environmentFilter: environmentFilter);
-
-// Register dependencies
-  locator.registerLazySingleton(() => NavigationService());
-  locator.registerLazySingleton(() => PatcherAPI());
-  locator.registerLazySingleton(() => ManagerAPI());
-  locator.registerLazySingleton(() => RootAPI());
-  locator.registerLazySingleton(() => PatcherViewModel());
-  locator.registerLazySingleton(() => AppSelectorViewModel());
-  locator.registerLazySingleton(() => PatchesSelectorViewModel());
-  locator.registerLazySingleton(() => InstallerViewModel());
-  locator.registerLazySingleton(() => ThemeService.getInstance());
-}

lib/app/app.router.dart

@@ -1,231 +0,0 @@
-// GENERATED CODE - DO NOT MODIFY BY HAND
-
-// **************************************************************************
-// StackedRouterGenerator
-// **************************************************************************
-
-// ignore_for_file: public_member_api_docs, unused_import, non_constant_identifier_names
-
-import 'package:flutter/material.dart';
-import 'package:stacked/stacked.dart';
-import 'package:stacked_services/stacked_services.dart';
-
-import '../main.dart';
-import '../ui/views/app_selector/app_selector_view.dart';
-import '../ui/views/contributors/contributors_view.dart';
-import '../ui/views/installer/installer_view.dart';
-import '../ui/views/patches_selector/patches_selector_view.dart';
-import '../ui/views/root_checker/root_checker_view.dart';
-import '../ui/views/settings/settings_view.dart';
-
-class Routes {
-  static const String navigation = '/Navigation';
-  static const String appSelectorView = '/app-selector-view';
-  static const String patchesSelectorView = '/patches-selector-view';
-  static const String installerView = '/installer-view';
-  static const String settingsView = '/settings-view';
-  static const String contributorsView = '/contributors-view';
-  static const String rootCheckerView = '/root-checker-view';
-  static const all = <String>{
-    navigation,
-    appSelectorView,
-    patchesSelectorView,
-    installerView,
-    settingsView,
-    contributorsView,
-    rootCheckerView,
-  };
-}
-
-class StackedRouter extends RouterBase {
-  @override
-  List<RouteDef> get routes => _routes;
-  final _routes = <RouteDef>[
-    RouteDef(Routes.navigation, page: Navigation),
-    RouteDef(Routes.appSelectorView, page: AppSelectorView),
-    RouteDef(Routes.patchesSelectorView, page: PatchesSelectorView),
-    RouteDef(Routes.installerView, page: InstallerView),
-    RouteDef(Routes.settingsView, page: SettingsView),
-    RouteDef(Routes.contributorsView, page: ContributorsView),
-    RouteDef(Routes.rootCheckerView, page: RootCheckerView),
-  ];
-  @override
-  Map<Type, StackedRouteFactory> get pagesMap => _pagesMap;
-  final _pagesMap = <Type, StackedRouteFactory>{
-    Navigation: (data) {
-      return MaterialPageRoute<dynamic>(
-        builder: (context) => const Navigation(),
-        settings: data,
-      );
-    },
-    AppSelectorView: (data) {
-      return MaterialPageRoute<dynamic>(
-        builder: (context) => const AppSelectorView(),
-        settings: data,
-      );
-    },
-    PatchesSelectorView: (data) {
-      return MaterialPageRoute<dynamic>(
-        builder: (context) => const PatchesSelectorView(),
-        settings: data,
-      );
-    },
-    InstallerView: (data) {
-      var args = data.getArgs<InstallerViewArguments>(
-        orElse: () => InstallerViewArguments(),
-      );
-      return MaterialPageRoute<dynamic>(
-        builder: (context) => InstallerView(key: args.key),
-        settings: data,
-      );
-    },
-    SettingsView: (data) {
-      return MaterialPageRoute<dynamic>(
-        builder: (context) => const SettingsView(),
-        settings: data,
-      );
-    },
-    ContributorsView: (data) {
-      return MaterialPageRoute<dynamic>(
-        builder: (context) => const ContributorsView(),
-        settings: data,
-      );
-    },
-    RootCheckerView: (data) {
-      return MaterialPageRoute<dynamic>(
-        builder: (context) => const RootCheckerView(),
-        settings: data,
-      );
-    },
-  };
-}
-
-/// ************************************************************************
-/// Arguments holder classes
-/// *************************************************************************
-
-/// InstallerView arguments holder class
-class InstallerViewArguments {
-  final Key? key;
-  InstallerViewArguments({this.key});
-}
-
-/// ************************************************************************
-/// Extension for strongly typed navigation
-/// *************************************************************************
-
-extension NavigatorStateExtension on NavigationService {
-  Future<dynamic> navigateToNavigation({
-    int? routerId,
-    bool preventDuplicates = true,
-    Map<String, String>? parameters,
-    Widget Function(BuildContext, Animation<double>, Animation<double>, Widget)?
-        transition,
-  }) async {
-    return navigateTo(
-      Routes.navigation,
-      id: routerId,
-      preventDuplicates: preventDuplicates,
-      parameters: parameters,
-      transition: transition,
-    );
-  }
-
-  Future<dynamic> navigateToAppSelectorView({
-    int? routerId,
-    bool preventDuplicates = true,
-    Map<String, String>? parameters,
-    Widget Function(BuildContext, Animation<double>, Animation<double>, Widget)?
-        transition,
-  }) async {
-    return navigateTo(
-      Routes.appSelectorView,
-      id: routerId,
-      preventDuplicates: preventDuplicates,
-      parameters: parameters,
-      transition: transition,
-    );
-  }
-
-  Future<dynamic> navigateToPatchesSelectorView({
-    int? routerId,
-    bool preventDuplicates = true,
-    Map<String, String>? parameters,
-    Widget Function(BuildContext, Animation<double>, Animation<double>, Widget)?
-        transition,
-  }) async {
-    return navigateTo(
-      Routes.patchesSelectorView,
-      id: routerId,
-      preventDuplicates: preventDuplicates,
-      parameters: parameters,
-      transition: transition,
-    );
-  }
-
-  Future<dynamic> navigateToInstallerView({
-    Key? key,
-    int? routerId,
-    bool preventDuplicates = true,
-    Map<String, String>? parameters,
-    Widget Function(BuildContext, Animation<double>, Animation<double>, Widget)?
-        transition,
-  }) async {
-    return navigateTo(
-      Routes.installerView,
-      arguments: InstallerViewArguments(key: key),
-      id: routerId,
-      preventDuplicates: preventDuplicates,
-      parameters: parameters,
-      transition: transition,
-    );
-  }
-
-  Future<dynamic> navigateToSettingsView({
-    int? routerId,
-    bool preventDuplicates = true,
-    Map<String, String>? parameters,
-    Widget Function(BuildContext, Animation<double>, Animation<double>, Widget)?
-        transition,
-  }) async {
-    return navigateTo(
-      Routes.settingsView,
-      id: routerId,
-      preventDuplicates: preventDuplicates,
-      parameters: parameters,
-      transition: transition,
-    );
-  }
-
-  Future<dynamic> navigateToContributorsView({
-    int? routerId,
-    bool preventDuplicates = true,
-    Map<String, String>? parameters,
-    Widget Function(BuildContext, Animation<double>, Animation<double>, Widget)?
-        transition,
-  }) async {
-    return navigateTo(
-      Routes.contributorsView,
-      id: routerId,
-      preventDuplicates: preventDuplicates,
-      parameters: parameters,
-      transition: transition,
-    );
-  }
-
-  Future<dynamic> navigateToRootCheckerView({
-    int? routerId,
-    bool preventDuplicates = true,
-    Map<String, String>? parameters,
-    Widget Function(BuildContext, Animation<double>, Animation<double>, Widget)?
-        transition,
-  }) async {
-    return navigateTo(
-      Routes.rootCheckerView,
-      id: routerId,
-      preventDuplicates: preventDuplicates,
-      parameters: parameters,
-      transition: transition,
-    );
-  }
-}

lib/models/patched_application.dart

@@ -1,21 +1,43 @@
-import 'package:revanced_manager/models/patch.dart';
+import 'dart:typed_data';
+import 'package:json_annotation/json_annotation.dart';
 
+part 'patched_application.g.dart';
+
+@JsonSerializable()
 class PatchedApplication {
   final String name;
   final String packageName;
   final String version;
   final String apkFilePath;
+  @JsonKey(
+    fromJson: bytesFromString,
+    toJson: bytesToString,
+  )
+  final Uint8List icon;
+  final DateTime patchDate;
   final bool isRooted;
   final bool isFromStorage;
-  final List<Patch> appliedPatches;
+  final List<String> appliedPatches;
 
   PatchedApplication({
     required this.name,
     required this.packageName,
     required this.version,
     required this.apkFilePath,
+    required this.icon,
+    required this.patchDate,
     required this.isRooted,
     required this.isFromStorage,
-    this.appliedPatches = const <Patch>[],
+    this.appliedPatches = const <String>[],
   });
+
+  factory PatchedApplication.fromJson(Map<String, dynamic> json) =>
+      _$PatchedApplicationFromJson(json);
+
+  Map toJson() => _$PatchedApplicationToJson(this);
+
+  static Uint8List bytesFromString(String pictureUrl) =>
+      Uint8List.fromList(pictureUrl.codeUnits);
+
+  static String bytesToString(Uint8List bytes) => String.fromCharCodes(bytes);
 }

lib/theme.dart

@@ -24,7 +24,7 @@ var lightTheme = ThemeData.light().copyWith(
       padding: MaterialStateProperty.all<EdgeInsetsGeometry>(
         const EdgeInsets.symmetric(
           vertical: 8,
-          horizontal: 12,
+          horizontal: 14,
         ),
       ),
       backgroundColor: MaterialStateProperty.all<Color>(
@@ -70,7 +70,7 @@ var darkTheme = ThemeData.dark().copyWith(
     ),
   ),
   colorScheme: const ColorScheme.dark(
-    primary: Color(0x1B222B6B),
+    primary: Color(0xff11161C),
     secondary: Color(0xff7792BA),
     tertiary: Color(0xff8691A0),
     background: Color(0xff0A0D11),

lib/ui/views/app_selector/app_selector_viewmodel.dart

@@ -4,7 +4,6 @@ import 'package:file_picker/file_picker.dart';
 import 'package:flutter/cupertino.dart';
 import 'package:flutter_i18n/flutter_i18n.dart';
 import 'package:fluttertoast/fluttertoast.dart';
-import 'package:package_archive_info/package_archive_info.dart';
 import 'package:revanced_manager/app/app.locator.dart';
 import 'package:revanced_manager/models/patched_application.dart';
 import 'package:revanced_manager/services/patcher_api.dart';
@@ -39,6 +38,8 @@ class AppSelectorViewModel extends BaseViewModel {
       packageName: application.packageName,
       version: application.versionName!,
       apkFilePath: application.apkFilePath,
+      icon: application.icon,
+      patchDate: DateTime.now(),
       isRooted: isRooted,
       isFromStorage: isFromStorage,
     );
@@ -57,20 +58,25 @@ class AppSelectorViewModel extends BaseViewModel {
       );
       if (result != null && result.files.single.path != null) {
         File apkFile = File(result.files.single.path!);
-        PackageArchiveInfo? packageArchiveInfo =
-            await PackageArchiveInfo.fromPath(apkFile.path);
-        PatchedApplication app = PatchedApplication(
-          name: packageArchiveInfo.appName,
-          packageName: packageArchiveInfo.packageName,
-          version: packageArchiveInfo.version,
-          apkFilePath: result.files.single.path!,
-          isRooted: isRooted,
-          isFromStorage: isFromStorage,
-        );
-        locator<AppSelectorViewModel>().selectedApp = app;
-        locator<PatchesSelectorViewModel>().selectedPatches.clear();
-        locator<PatcherViewModel>().dimPatchCard = false;
-        locator<PatcherViewModel>().notifyListeners();
+        ApplicationWithIcon? application =
+            await DeviceApps.getAppFromStorage(apkFile.path, true)
+                as ApplicationWithIcon?;
+        if (application != null) {
+          PatchedApplication app = PatchedApplication(
+            name: application.appName,
+            packageName: application.packageName,
+            version: application.versionName!,
+            apkFilePath: result.files.single.path!,
+            icon: application.icon,
+            patchDate: DateTime.now(),
+            isRooted: isRooted,
+            isFromStorage: isFromStorage,
+          );
+          locator<AppSelectorViewModel>().selectedApp = app;
+          locator<PatchesSelectorViewModel>().selectedPatches.clear();
+          locator<PatcherViewModel>().dimPatchCard = false;
+          locator<PatcherViewModel>().notifyListeners();
+        }
       }
     } on Exception {
       Fluttertoast.showToast(

lib/ui/views/home/home_view.dart

@@ -1,9 +1,11 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_i18n/flutter_i18n.dart';
 import 'package:google_fonts/google_fonts.dart';
+import 'package:revanced_manager/app/app.locator.dart';
 import 'package:revanced_manager/theme.dart';
 import 'package:revanced_manager/ui/views/home/home_viewmodel.dart';
 import 'package:revanced_manager/ui/widgets/available_updates_card.dart';
+import 'package:revanced_manager/ui/widgets/dashboard_raw_chip.dart';
 import 'package:revanced_manager/ui/widgets/installed_apps_card.dart';
 import 'package:revanced_manager/ui/widgets/latest_commit_card.dart';
 import 'package:stacked/stacked.dart';
@@ -13,8 +15,9 @@ class HomeView extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return ViewModelBuilder.reactive(
-      viewModelBuilder: () => HomeViewModel(),
+    return ViewModelBuilder<HomeViewModel>.reactive(
+      disposeViewModel: false,
+      viewModelBuilder: () => locator<HomeViewModel>(),
       builder: (context, model, child) => Scaffold(
         body: SafeArea(
           child: SingleChildScrollView(
@@ -30,6 +33,7 @@ class HomeView extends StatelessWidget {
                       '',
                       style: GoogleFonts.inter(
                         fontSize: 28,
+                        fontWeight: FontWeight.w600,
                       ),
                     ),
                   ),
@@ -40,6 +44,7 @@ class HomeView extends StatelessWidget {
                       '',
                       style: GoogleFonts.inter(
                         fontSize: 20,
+                        fontWeight: FontWeight.w500,
                         color: isDark
                             ? const Color(0xffD1E1FA)
                             : const Color(0xff384E6E),
@@ -48,7 +53,8 @@ class HomeView extends StatelessWidget {
                   ),
                   const SizedBox(height: 10),
                   LatestCommitCard(
-                      color: Theme.of(context).colorScheme.primary),
+                    color: Theme.of(context).colorScheme.primary,
+                  ),
                   const SizedBox(height: 14),
                   I18nText(
                     'homeView.patchedSubtitle',
@@ -62,14 +68,30 @@ class HomeView extends StatelessWidget {
                       ),
                     ),
                   ),
+                  const SizedBox(height: 8),
+                  Row(
+                    children: [
+                      DashboardChip(
+                        label: "homeView.updatesAvailable",
+                        isSelected: model.showUpdatableApps,
+                        onSelected: (value) {
+                          model.toggleUpdatableApps(value);
+                        },
+                      ),
+                      const SizedBox(width: 10),
+                      DashboardChip(
+                        label: "homeView.installed",
+                        isSelected: !model.showUpdatableApps,
+                        onSelected: (value) {
+                          model.toggleUpdatableApps(false);
+                        },
+                      )
+                    ],
+                  ),
                   const SizedBox(height: 14),
-                  AvailableUpdatesCard(
-                    color: Theme.of(context).colorScheme.primary,
-                  ),
-                  const SizedBox(height: 15),
-                  InstalledAppsCard(
-                    color: Theme.of(context).colorScheme.primary,
-                  ),
+                  model.showUpdatableApps
+                      ? const AvailableUpdatesCard()
+                      : const InstalledAppsCard()
                 ],
               ),
             ),

lib/ui/views/home/home_viewmodel.dart

@@ -1,8 +1,28 @@
+import 'dart:convert';
+import 'package:injectable/injectable.dart';
 import 'package:revanced_manager/app/app.locator.dart';
+import 'package:revanced_manager/models/patched_application.dart';
 import 'package:revanced_manager/services/manager_api.dart';
+import 'package:shared_preferences/shared_preferences.dart';
 import 'package:stacked/stacked.dart';
 
+@lazySingleton
 class HomeViewModel extends BaseViewModel {
+  bool showUpdatableApps = true;
+
+  void toggleUpdatableApps(bool value) {
+    showUpdatableApps = value;
+    notifyListeners();
+  }
+
   Future downloadPatches() => locator<ManagerAPI>().downloadPatches();
   Future downloadIntegrations() => locator<ManagerAPI>().downloadIntegrations();
+
+  Future<List<PatchedApplication>> getPatchedApps(bool isUpdatable) async {
+    SharedPreferences prefs = await SharedPreferences.getInstance();
+    List<String> patchedApps = prefs.getStringList('patchedApps') ?? [];
+    return patchedApps
+        .map((app) => PatchedApplication.fromJson(json.decode(app)))
+        .toList();
+  }
 }

lib/ui/views/installer/installer_view.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_i18n/flutter_i18n.dart';
+import 'package:google_fonts/google_fonts.dart';
 import 'package:revanced_manager/app/app.locator.dart';
 import 'package:revanced_manager/ui/views/installer/installer_viewmodel.dart';
 import 'package:stacked/stacked.dart';
@@ -81,9 +82,8 @@ class InstallerView extends StatelessWidget {
                     ),
                     child: SelectableText(
                       model.logs,
-                      style: const TextStyle(
-                        fontFamily: 'monospace',
-                        fontSize: 15,
+                      style: GoogleFonts.jetBrainsMono(
+                        fontSize: 12,
                         height: 1.5,
                       ),
                     ),

lib/ui/views/installer/installer_viewmodel.dart

@@ -7,6 +7,7 @@ import 'package:revanced_manager/services/patcher_api.dart';
 import 'package:revanced_manager/ui/views/app_selector/app_selector_viewmodel.dart';
 import 'package:revanced_manager/ui/views/patcher/patcher_viewmodel.dart';
 import 'package:revanced_manager/ui/views/patches_selector/patches_selector_viewmodel.dart';
+import 'package:shared_preferences/shared_preferences.dart';
 import 'package:stacked/stacked.dart';
 
 class InstallerViewModel extends BaseViewModel {
@@ -23,7 +24,7 @@ class InstallerViewModel extends BaseViewModel {
         notificationText: 'ReVanced Manager is patching',
         notificationImportance: AndroidNotificationImportance.Default,
         notificationIcon: AndroidResource(
-          name: 'ic_launcher_foreground',
+          name: 'ic_notification',
           defType: 'drawable',
         ),
       ),
@@ -34,11 +35,13 @@ class InstallerViewModel extends BaseViewModel {
   }
 
   void addLog(String message) {
-    if (logs.isNotEmpty) {
-      logs += '\n';
+    if (message.isNotEmpty && !message.startsWith('Merging L')) {
+      if (logs.isNotEmpty) {
+        logs += '\n';
+      }
+      logs += message;
+      notifyListeners();
     }
-    logs += message;
-    notifyListeners();
   }
 
   void updateProgress(double value) {
@@ -61,29 +64,25 @@ class InstallerViewModel extends BaseViewModel {
       List<Patch> selectedPatches =
           locator<PatchesSelectorViewModel>().selectedPatches;
       if (selectedPatches.isNotEmpty) {
-        addLog('Initializing installer...');
+        addLog('Initializing installer');
         if (selectedApp.isRooted && !selectedApp.isFromStorage) {
-          addLog('Checking if an old patched version exists...');
+          addLog('Checking if an old patched version exists');
           bool oldExists =
               await locator<PatcherAPI>().checkOldPatch(selectedApp);
-          addLog('Done');
           if (oldExists) {
-            addLog('Deleting old patched version...');
+            addLog('Deleting old patched version');
             await locator<PatcherAPI>().deleteOldPatch(selectedApp);
-            addLog('Done');
           }
         }
-        addLog('Creating working directory...');
+        addLog('Creating working directory');
         bool? isSuccess = await locator<PatcherAPI>().initPatcher();
         if (isSuccess != null && isSuccess) {
-          addLog('Done');
           updateProgress(0.1);
-          addLog('Copying original apk...');
+          addLog('Copying original apk');
           isSuccess = await locator<PatcherAPI>().copyInputFile(apkFilePath);
           if (isSuccess != null && isSuccess) {
-            addLog('Done');
             updateProgress(0.2);
-            addLog('Creating patcher...');
+            addLog('Creating patcher');
             bool resourcePatching = false;
             if (selectedApp.packageName == 'com.google.android.youtube' ||
                 selectedApp.packageName ==
@@ -95,31 +94,26 @@ class InstallerViewModel extends BaseViewModel {
             );
             if (isSuccess != null && isSuccess) {
               if (selectedApp.packageName == 'com.google.android.youtube') {
-                addLog('Done');
                 updateProgress(0.3);
-                addLog('Merging integrations...');
+                addLog('Merging integrations');
                 isSuccess = await locator<PatcherAPI>().mergeIntegrations();
               }
               if (isSuccess != null && isSuccess) {
-                addLog('Done');
                 updateProgress(0.5);
-                addLog('Applying patches...');
                 isSuccess =
                     await locator<PatcherAPI>().applyPatches(selectedPatches);
                 if (isSuccess != null && isSuccess) {
-                  addLog('Done');
                   updateProgress(0.7);
-                  addLog('Repacking patched apk...');
+                  addLog('Repacking patched apk');
                   isSuccess = await locator<PatcherAPI>().repackPatchedFile();
                   if (isSuccess != null && isSuccess) {
-                    addLog('Done');
                     updateProgress(0.9);
-                    addLog('Signing patched apk...');
+                    addLog('Signing patched apk');
                     isSuccess = await locator<PatcherAPI>().signPatchedFile();
                     if (isSuccess != null && isSuccess) {
-                      addLog('Done');
                       showButtons = true;
                       updateProgress(1.0);
+                      addLog('Finished');
                     }
                   }
                 }
@@ -128,13 +122,13 @@ class InstallerViewModel extends BaseViewModel {
           }
         }
         if (isSuccess == null || !isSuccess) {
-          addLog('An error occurred! Aborting...');
+          addLog('An error occurred! Aborting');
         }
       } else {
-        addLog('No patches selected! Aborting...');
+        addLog('No patches selected! Aborting');
       }
     } else {
-      addLog('No app selected! Aborting...');
+      addLog('No app selected! Aborting');
     }
     await FlutterBackground.disableBackgroundExecution();
     isPatching = false;
@@ -145,13 +139,14 @@ class InstallerViewModel extends BaseViewModel {
         locator<AppSelectorViewModel>().selectedApp;
     if (selectedApp != null) {
       addLog(selectedApp.isRooted
-          ? 'Installing patched file using root method...'
-          : 'Installing patched file using nonroot method...');
+          ? 'Installing patched file using root method'
+          : 'Installing patched file using nonroot method');
       isInstalled = await locator<PatcherAPI>().installPatchedFile(selectedApp);
       if (isInstalled) {
         addLog('Done');
+        await saveApp(selectedApp);
       } else {
-        addLog('An error occurred! Aborting...');
+        addLog('An error occurred! Aborting');
       }
     }
   }
@@ -181,4 +176,14 @@ class InstallerViewModel extends BaseViewModel {
       DeviceApps.openApp(selectedApp.packageName);
     }
   }
+
+  Future<void> saveApp(PatchedApplication selectedApp) async {
+    SharedPreferences prefs = await SharedPreferences.getInstance();
+    List<String> patchedApps = prefs.getStringList('patchedApps') ?? [];
+    String app = selectedApp.toJson().toString();
+    if (!patchedApps.contains(app)) {
+      patchedApps.add(app);
+      prefs.setStringList('patchedApps', patchedApps);
+    }
+  }
 }

lib/ui/widgets/application_item.dart

@@ -1,57 +1,114 @@
+import 'dart:typed_data';
 import 'package:flutter/material.dart';
 import 'package:flutter_i18n/flutter_i18n.dart';
-import 'package:flutter_svg/flutter_svg.dart';
 import 'package:google_fonts/google_fonts.dart';
 import 'package:revanced_manager/constants.dart';
+import 'package:revanced_manager/theme.dart';
 import 'package:revanced_manager/ui/widgets/patch_text_button.dart';
+import 'package:expandable/expandable.dart';
+import 'package:timeago/timeago.dart';
 
 class ApplicationItem extends StatelessWidget {
-  final String asset;
+  final Uint8List icon;
   final String name;
-  final String releaseDate;
+  final DateTime patchDate;
+  final String? changelog;
+  final bool isUpdatableApp;
   final Function()? onPressed;
 
   const ApplicationItem({
     Key? key,
-    required this.asset,
+    required this.icon,
     required this.name,
-    required this.releaseDate,
+    required this.patchDate,
+    this.changelog = '',
+    required this.isUpdatableApp,
     required this.onPressed,
   }) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
-    final isSVG = asset.endsWith('.svg');
-    return ListTile(
-      horizontalTitleGap: 12.0,
-      leading: isSVG
-          ? SvgPicture.asset(
-              asset,
-              height: 26,
-              width: 26,
-            )
-          : Image.asset(
-              asset,
-              height: 39,
-              width: 39,
+    return ExpandablePanel(
+      theme: const ExpandableThemeData(
+        hasIcon: false,
+        animationDuration: Duration(milliseconds: 450),
+      ),
+      header: Container(
+        height: 60,
+        decoration: BoxDecoration(
+          borderRadius: const BorderRadius.all(
+            Radius.circular(16),
+          ),
+          color: Theme.of(context).colorScheme.primary,
+        ),
+        padding: const EdgeInsets.symmetric(horizontal: 10.0, vertical: 12.0),
+        child: Row(
+          children: [
+            SizedBox(
+              width: 60,
+              child: Image.memory(
+                icon,
+                height: 39,
+                width: 39,
+              ),
             ),
-      title: Text(
-        name,
-        style: GoogleFonts.roboto(
-          color: Theme.of(context).colorScheme.secondary,
-          fontWeight: FontWeight.w600,
+            const SizedBox(width: 4),
+            SizedBox(
+              width: MediaQuery.of(context).size.width - 250,
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Text(
+                    name,
+                    style: GoogleFonts.roboto(
+                      color: Theme.of(context).colorScheme.secondary,
+                      fontWeight: FontWeight.w600,
+                    ),
+                  ),
+                  Text(
+                    format(patchDate),
+                    style: robotoTextStyle.copyWith(
+                      color: Theme.of(context).colorScheme.tertiary,
+                    ),
+                  ),
+                ],
+              ),
+            ),
+            const Spacer(),
+            isUpdatableApp
+                ? Padding(
+                    padding: const EdgeInsets.symmetric(horizontal: 8.0),
+                    child: PatchTextButton(
+                      text: 'applicationItem.patchButton',
+                      onPressed: onPressed,
+                      borderColor: isDark
+                          ? const Color(0xff4D5054)
+                          : const Color.fromRGBO(119, 146, 168, 1),
+                    ),
+                  )
+                : const SizedBox(),
+          ],
         ),
       ),
-      subtitle: Text(
-        releaseDate,
-        style: robotoTextStyle,
-      ),
-      trailing: PatchTextButton(
-        text: FlutterI18n.translate(
-          context,
-          'applicationItem.patchButton',
+      collapsed: const Text(""),
+      expanded: Padding(
+        padding: const EdgeInsets.symmetric(vertical: 8.0, horizontal: 16.0),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            I18nText(
+              'applicationItem.changelogLabel',
+              child: Text(
+                '',
+                style: robotoTextStyle.copyWith(fontWeight: FontWeight.w700),
+              ),
+            ),
+            Text(
+              changelog!,
+              style: robotoTextStyle,
+            ),
+          ],
         ),
-        onPressed: onPressed,
       ),
     );
   }

lib/ui/widgets/available_updates_card.dart

@@ -1,94 +1,36 @@
 import 'package:flutter/material.dart';
-import 'package:flutter_i18n/flutter_i18n.dart';
-import 'package:google_fonts/google_fonts.dart';
+import 'package:revanced_manager/app/app.locator.dart';
+import 'package:revanced_manager/models/patched_application.dart';
+import 'package:revanced_manager/ui/views/home/home_viewmodel.dart';
 import 'package:revanced_manager/ui/widgets/application_item.dart';
-import 'package:revanced_manager/ui/widgets/patch_text_button.dart';
 
 class AvailableUpdatesCard extends StatelessWidget {
-  final Color? color;
   const AvailableUpdatesCard({
     Key? key,
-    this.color = const Color(0xff1B222B),
   }) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
-    return Container(
-      decoration: BoxDecoration(
-        borderRadius: BorderRadius.circular(12),
-        color: color,
-      ),
-      padding: const EdgeInsets.symmetric(vertical: 18, horizontal: 12),
-      child: Column(
-        crossAxisAlignment: CrossAxisAlignment.start,
-        mainAxisAlignment: MainAxisAlignment.start,
-        children: [
-          Padding(
-            padding: const EdgeInsets.symmetric(horizontal: 12.0),
-            child: Row(
-              mainAxisAlignment: MainAxisAlignment.spaceBetween,
-              children: [
-                I18nText(
-                  'availableUpdatesCard.widgetTitle',
-                  child: Text(
-                    '',
-                    style: GoogleFonts.inter(
-                      fontSize: 16,
-                      color: Theme.of(context).colorScheme.secondary,
-                      fontWeight: FontWeight.w500,
-                    ),
-                  ),
-                ),
-                PatchTextButton(
-                  text: FlutterI18n.translate(
-                    context,
-                    'availableUpdatesCard.patchButton',
-                  ),
-                  onPressed: () => {},
-                  backgroundColor: Theme.of(context).colorScheme.secondary,
-                ),
-              ],
-            ),
-          ),
-          ApplicationItem(
-            asset: 'assets/images/revanced.svg',
-            name: 'ReVanced',
-            releaseDate: '2 days ago',
-            onPressed: () => {},
-          ),
-          ApplicationItem(
-            asset: 'assets/images/reddit.png',
-            name: 'ReReddit',
-            releaseDate: 'Released 1 month ago',
-            onPressed: () => {},
-          ),
-          const SizedBox(height: 4),
-          I18nText(
-            'availableUpdatesCard.changelogLabel',
-            child: Text(
-              '',
-              style: GoogleFonts.roboto(
-                color: Theme.of(context).colorScheme.tertiary,
-                fontWeight: FontWeight.w700,
-              ),
-            ),
-          ),
-          const SizedBox(height: 4),
-          Text(
-            'fix: we made the player even worse (you love)',
-            style: GoogleFonts.roboto(
-              color: Theme.of(context).colorScheme.tertiary,
-            ),
-          ),
-          const SizedBox(height: 4),
-          Text(
-            'chore: guhhughghu',
-            style: GoogleFonts.roboto(
-              color: Theme.of(context).colorScheme.tertiary,
-            ),
-          ),
-        ],
-      ),
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      mainAxisAlignment: MainAxisAlignment.start,
+      children: [
+        FutureBuilder<List<PatchedApplication>>(
+          future: locator<HomeViewModel>().getPatchedApps(true),
+          builder: (context, snapshot) =>
+              snapshot.hasData && snapshot.data!.length > 1
+                  ? ListView.builder(
+                      itemBuilder: (context, index) => ApplicationItem(
+                        icon: snapshot.data![index].icon,
+                        name: snapshot.data![index].name,
+                        patchDate: snapshot.data![index].patchDate,
+                        isUpdatableApp: true,
+                        onPressed: () => {},
+                      ),
+                    )
+                  : Container(),
+        ),
+      ],
     );
   }
 }

lib/ui/widgets/dashboard_raw_chip.dart

@@ -0,0 +1,51 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_i18n/flutter_i18n.dart';
+import 'package:google_fonts/google_fonts.dart';
+import 'package:revanced_manager/theme.dart';
+
+class DashboardChip extends StatelessWidget {
+  final String label;
+  final bool isSelected;
+  final Function(bool)? onSelected;
+  const DashboardChip({
+    Key? key,
+    required this.label,
+    required this.isSelected,
+    this.onSelected,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return RawChip(
+      showCheckmark: false,
+      label: I18nText(label),
+      selected: isSelected,
+      labelStyle: GoogleFonts.inter(
+        color: isSelected
+            ? isDark
+                ? const Color(0xff95C0FE)
+                : Theme.of(context).colorScheme.secondary
+            : isDark
+                ? Colors.grey
+                : Colors.grey[700],
+        fontWeight: FontWeight.w500,
+      ),
+      backgroundColor: Colors.transparent,
+      selectedColor: const Color.fromRGBO(118, 155, 209, 0.42),
+      shape: RoundedRectangleBorder(
+        borderRadius: BorderRadius.circular(10),
+        side: BorderSide(
+          width: 1,
+          color: isDark
+              ? isSelected
+                  ? const Color.fromRGBO(118, 155, 209, 0.42)
+                  : Colors.grey
+              : isSelected
+                  ? const Color.fromRGBO(118, 155, 209, 0.42)
+                  : Colors.grey,
+        ),
+      ),
+      onSelected: onSelected,
+    );
+  }
+}

lib/ui/widgets/installed_apps_card.dart

@@ -1,70 +1,36 @@
 import 'package:flutter/material.dart';
-import 'package:flutter_i18n/flutter_i18n.dart';
-import 'package:google_fonts/google_fonts.dart';
+import 'package:revanced_manager/app/app.locator.dart';
+import 'package:revanced_manager/models/patched_application.dart';
+import 'package:revanced_manager/ui/views/home/home_viewmodel.dart';
 import 'package:revanced_manager/ui/widgets/application_item.dart';
 
 class InstalledAppsCard extends StatelessWidget {
-  final Color? color;
   const InstalledAppsCard({
     Key? key,
-    this.color = const Color(0xff1B222B),
   }) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
-    return Container(
-      decoration: BoxDecoration(
-        borderRadius: BorderRadius.circular(12),
-        color: color,
-      ),
-      padding: const EdgeInsets.symmetric(vertical: 18, horizontal: 20),
-      child: Column(
-        crossAxisAlignment: CrossAxisAlignment.start,
-        mainAxisAlignment: MainAxisAlignment.start,
-        children: [
-          I18nText(
-            'installedAppsCard.widgetTitle',
-            child: Text(
-              '',
-              style: GoogleFonts.inter(
-                fontSize: 16,
-                color: Theme.of(context).colorScheme.secondary,
-                fontWeight: FontWeight.w500,
-              ),
-            ),
-          ),
-          ApplicationItem(
-            asset: 'assets/images/revanced.svg',
-            name: 'ReVanced',
-            releaseDate: '2 days ago',
-            onPressed: () => {},
-          ),
-          I18nText(
-            'installedAppsCard.changelogLabel',
-            child: Text(
-              '',
-              style: GoogleFonts.roboto(
-                color: Theme.of(context).colorScheme.tertiary,
-                fontWeight: FontWeight.w700,
-              ),
-            ),
-          ),
-          const SizedBox(height: 4),
-          Text(
-            'fix: we made the player even worse (you love)',
-            style: GoogleFonts.roboto(
-              color: Theme.of(context).colorScheme.tertiary,
-            ),
-          ),
-          const SizedBox(height: 4),
-          Text(
-            'chore: guhhughghu',
-            style: GoogleFonts.roboto(
-              color: Theme.of(context).colorScheme.tertiary,
-            ),
-          ),
-        ],
-      ),
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      mainAxisAlignment: MainAxisAlignment.start,
+      children: [
+        FutureBuilder<List<PatchedApplication>>(
+          future: locator<HomeViewModel>().getPatchedApps(false),
+          builder: (context, snapshot) =>
+              snapshot.hasData && snapshot.data!.length > 1
+                  ? ListView.builder(
+                      itemBuilder: (context, index) => ApplicationItem(
+                        icon: snapshot.data![index].icon,
+                        name: snapshot.data![index].name,
+                        patchDate: snapshot.data![index].patchDate,
+                        isUpdatableApp: false,
+                        onPressed: () => {},
+                      ),
+                    )
+                  : Container(),
+        ),
+      ],
     );
   }
 }

lib/ui/widgets/latest_commit_card.dart

@@ -89,6 +89,7 @@ class _LatestCommitCardState extends State<LatestCommitCard> {
             ),
             onPressed: () => {},
             backgroundColor: Theme.of(context).colorScheme.secondary,
+            borderColor: Theme.of(context).colorScheme.secondary,
           ),
         ],
       ),

lib/ui/widgets/patch_text_button.dart

@@ -1,5 +1,7 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_i18n/flutter_i18n.dart';
 import 'package:revanced_manager/constants.dart';
+import 'package:revanced_manager/theme.dart';
 
 class PatchTextButton extends StatelessWidget {
   final String text;
@@ -19,21 +21,30 @@ class PatchTextButton extends StatelessWidget {
     return TextButton(
       onPressed: onPressed,
       style: Theme.of(context).textButtonTheme.style?.copyWith(
-            backgroundColor: MaterialStateProperty.all<Color?>(backgroundColor),
-            side: MaterialStateProperty.all<BorderSide>(
-              BorderSide(
-                color: borderColor,
-                width: 1,
-              ),
+          backgroundColor: MaterialStateProperty.all<Color?>(backgroundColor),
+          side: MaterialStateProperty.all<BorderSide>(
+            BorderSide(
+              color: borderColor,
+              width: 1,
             ),
           ),
-      child: Text(
-        text,
-        style: interTextStyle.copyWith(
-            color: backgroundColor == Colors.transparent
-                ? const Color.fromRGBO(119, 146, 186, 1)
-                : Colors.white),
-      ),
+          padding: MaterialStateProperty.all<EdgeInsetsGeometry>(
+            const EdgeInsets.symmetric(
+              horizontal: 16,
+              vertical: 4,
+            ),
+          )),
+      child: I18nText(text,
+          child: Text(
+            '',
+            style: interTextStyle.copyWith(
+              color: backgroundColor == Colors.transparent
+                  ? const Color.fromRGBO(119, 146, 186, 1)
+                  : isDark
+                      ? Colors.black
+                      : Colors.white,
+            ),
+          )),
     );
   }
 }