feat(mobile): clear local storage option (#4635)

* feat(mobile): clear local storage option

* en json

mobile/assets/i18n/en-US.json

@@ -361,6 +361,8 @@
   "version_announcement_overlay_text_3": " and ensure your docker-compose and .env setup is up-to-date to prevent any misconfigurations, especially if you use WatchTower or any mechanism that handles updating your server application automatically.",
   "version_announcement_overlay_title": "New Server Version Available \uD83C\uDF89",
   "viewer_remove_from_stack": "Remove from Stack",
-  "viewer_stack_use_as_main_asset": "Use as Main Asset",
+  "viewer_unstack": "Un-Stack",
-  "viewer_unstack": "Un-Stack"
+  "cache_settings_tile_title": "Local Storage",
+  "cache_settings_tile_subtitle": "Control the local storage behaviour",
+  "viewer_stack_use_as_main_asset": "Use as Main Asset"
 }

mobile/lib/modules/settings/ui/local_storage_settings/local_storage_settings.dart

@@ -0,0 +1,71 @@
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_hooks/flutter_hooks.dart' show useEffect, useState;
+import 'package:immich_mobile/modules/backup/models/duplicated_asset.model.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:immich_mobile/shared/providers/db.provider.dart';
+
+class LocalStorageSettings extends HookConsumerWidget {
+  const LocalStorageSettings({super.key});
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final isarDb = ref.watch(dbProvider);
+    final cacheItemCount = useState(0);
+    useEffect(
+      () {
+        cacheItemCount.value = isarDb.duplicatedAssets.countSync();
+        return null;
+      },
+      [],
+    );
+
+    void clearCache() {
+      isarDb.writeTxnSync(() => isarDb.duplicatedAssets.clearSync());
+      cacheItemCount.value = isarDb.duplicatedAssets.countSync();
+    }
+
+    return ExpansionTile(
+      textColor: Theme.of(context).primaryColor,
+      title: const Text(
+        "cache_settings_tile_title",
+        style: TextStyle(
+          fontWeight: FontWeight.bold,
+        ),
+      ).tr(),
+      subtitle: const Text(
+        "cache_settings_tile_subtitle",
+        style: TextStyle(
+          fontSize: 13,
+        ),
+      ).tr(),
+      children: [
+        ListTile(
+          title: Text(
+            "Duplicated Assets (${cacheItemCount.value})",
+            style: Theme.of(context)
+                .textTheme
+                .labelLarge
+                ?.copyWith(fontWeight: FontWeight.bold),
+          ).tr(),
+          subtitle: const Text(
+            "Photos and videos that are black listed by the app",
+            style: TextStyle(
+              fontSize: 13,
+            ),
+          ).tr(),
+          trailing: TextButton(
+            onPressed: cacheItemCount.value > 0 ? clearCache : null,
+            child: Text(
+              "CLEAR",
+              style: TextStyle(
+                fontSize: 12,
+                color: cacheItemCount.value > 0 ? Colors.red : Colors.grey,
+                fontWeight: FontWeight.bold,
+              ),
+            ).tr(),
+          ),
+        ),
+      ],
+    );
+  }
+}

mobile/lib/modules/settings/ui/notification_setting/notification_setting.dart

@@ -82,23 +82,33 @@ class NotificationSetting extends HookConsumerWidget {
         if (!hasPermission)
           ListTile(
             leading: const Icon(Icons.notifications_outlined),
-            title: const Text('notification_permission_list_tile_title').tr(),
+            title: Text(
+              'notification_permission_list_tile_title',
+              style: Theme.of(context)
+                  .textTheme
+                  .labelLarge
+                  ?.copyWith(fontWeight: FontWeight.bold),
+            ).tr(),
             subtitle: Column(
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [
-                const Text('notification_permission_list_tile_content').tr(),
+                Text(
+                  'notification_permission_list_tile_content',
+                  style: Theme.of(context).textTheme.labelMedium,
+                ).tr(),
                 const SizedBox(height: 8),
                 ElevatedButton(
-                  onPressed: ()
+                  onPressed: () => ref
-                  => ref.watch(notificationPermissionProvider.notifier)
+                      .watch(notificationPermissionProvider.notifier)
-                    .requestNotificationPermission().then((permission) {
+                      .requestNotificationPermission()
+                      .then((permission) {
                     if (permission == PermissionStatus.permanentlyDenied) {
                       showPermissionsDialog();
                     }
                   }),
-                  child:
+                  child: const Text(
-                  const Text('notification_permission_list_tile_enable_button')
+                    'notification_permission_list_tile_enable_button',
-                    .tr(),
+                  ).tr(),
                 ),
               ],
             ),
@@ -130,7 +140,8 @@ class NotificationSetting extends HookConsumerWidget {
           ).tr(args: [formattedValue]),
           subtitle: Slider(
             value: sliderValue.value,
-            onChanged: !hasPermission ? null : (double v) => sliderValue.value = v,
+            onChanged:
+                !hasPermission ? null : (double v) => sliderValue.value = v,
             onChangeEnd: (double v) => appSettingService.setSetting(
               AppSettingsEnum.uploadErrorNotificationGracePeriod,
               v.toInt(),

mobile/lib/modules/settings/views/settings_page.dart

@@ -3,6 +3,7 @@ import 'package:flutter/material.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:immich_mobile/modules/settings/ui/advanced_settings/advanced_settings.dart';
 import 'package:immich_mobile/modules/settings/ui/asset_list_settings/asset_list_settings.dart';
+import 'package:immich_mobile/modules/settings/ui/local_storage_settings/local_storage_settings.dart';
 import 'package:immich_mobile/modules/settings/ui/image_viewer_quality_setting/image_viewer_quality_setting.dart';
 import 'package:immich_mobile/modules/settings/ui/notification_setting/notification_setting.dart';
 import 'package:immich_mobile/modules/settings/ui/theme_setting/theme_setting.dart';
@@ -42,6 +43,7 @@ class SettingsPage extends HookConsumerWidget {
               const AssetListSettings(),
               const NotificationSetting(),
               // const ExperimentalSettings(),
+              const LocalStorageSettings(),
               const AdvancedSettings(),
             ],
           ).toList(),