Source Code added

mobile/lib/widgets/settings/asset_list_settings/asset_list_group_settings.dart

@@ -0,0 +1,61 @@
+import 'dart:async';
+
+import 'package:flutter/material.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:immich_mobile/extensions/translate_extensions.dart';
+import 'package:immich_mobile/providers/app_settings.provider.dart';
+import 'package:immich_mobile/services/app_settings.service.dart';
+import 'package:immich_mobile/utils/hooks/app_settings_update_hook.dart';
+import 'package:immich_mobile/widgets/asset_grid/asset_grid_data_structure.dart';
+import 'package:immich_mobile/widgets/settings/setting_group_title.dart';
+import 'package:immich_mobile/widgets/settings/settings_radio_list_tile.dart';
+
+class GroupSettings extends HookConsumerWidget {
+  const GroupSettings({super.key});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final groupByIndex = useAppSettingsState(AppSettingsEnum.groupAssetsBy);
+    final groupBy = GroupAssetsBy.values[groupByIndex.value];
+
+    Future<void> updateAppSettings(GroupAssetsBy groupBy) async {
+      await ref.watch(appSettingsServiceProvider).setSetting(AppSettingsEnum.groupAssetsBy, groupBy.index);
+      ref.invalidate(appSettingsServiceProvider);
+    }
+
+    void changeGroupValue(GroupAssetsBy? value) {
+      if (value != null) {
+        groupByIndex.value = value.index;
+        unawaited(updateAppSettings(groupBy));
+      }
+    }
+
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        SettingGroupTitle(
+          title: "asset_list_group_by_sub_title".t(context: context),
+          icon: Icons.group_work_outlined,
+        ),
+        SettingsRadioListTile(
+          groups: [
+            SettingsRadioGroup(
+              title: 'asset_list_layout_settings_group_by_month_day'.t(context: context),
+              value: GroupAssetsBy.day,
+            ),
+            SettingsRadioGroup(
+              title: 'month'.t(context: context),
+              value: GroupAssetsBy.month,
+            ),
+            SettingsRadioGroup(
+              title: 'asset_list_layout_settings_group_automatically'.t(context: context),
+              value: GroupAssetsBy.auto,
+            ),
+          ],
+          groupBy: groupBy,
+          onRadioChanged: changeGroupValue,
+        ),
+      ],
+    );
+  }
+}

mobile/lib/widgets/settings/asset_list_settings/asset_list_layout_settings.dart

@@ -0,0 +1,44 @@
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:immich_mobile/extensions/translate_extensions.dart';
+import 'package:immich_mobile/providers/app_settings.provider.dart';
+import 'package:immich_mobile/services/app_settings.service.dart';
+import 'package:immich_mobile/utils/hooks/app_settings_update_hook.dart';
+import 'package:immich_mobile/widgets/settings/setting_group_title.dart';
+import 'package:immich_mobile/widgets/settings/settings_slider_list_tile.dart';
+import 'package:immich_mobile/widgets/settings/settings_switch_list_tile.dart';
+
+class LayoutSettings extends HookConsumerWidget {
+  const LayoutSettings({super.key});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final useDynamicLayout = useAppSettingsState(AppSettingsEnum.dynamicLayout);
+    final tilesPerRow = useAppSettingsState(AppSettingsEnum.tilesPerRow);
+
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        SettingGroupTitle(
+          title: "asset_list_layout_sub_title".t(context: context),
+          icon: Icons.view_module_outlined,
+        ),
+        SettingsSwitchListTile(
+          valueNotifier: useDynamicLayout,
+          title: "asset_list_layout_settings_dynamic_layout_title".t(context: context),
+          onChanged: (_) => ref.invalidate(appSettingsServiceProvider),
+        ),
+        SettingsSliderListTile(
+          valueNotifier: tilesPerRow,
+          text: 'theme_setting_asset_list_tiles_per_row_title'.tr(namedArgs: {'count': "${tilesPerRow.value}"}),
+          label: "${tilesPerRow.value}",
+          maxValue: 6,
+          minValue: 2,
+          noDivisons: 4,
+          onChangeEnd: (_) => ref.invalidate(appSettingsServiceProvider),
+        ),
+      ],
+    );
+  }
+}

mobile/lib/widgets/settings/asset_list_settings/asset_list_settings.dart

@@ -0,0 +1,36 @@
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:immich_mobile/providers/app_settings.provider.dart';
+import 'package:immich_mobile/providers/infrastructure/setting.provider.dart';
+import 'package:immich_mobile/services/app_settings.service.dart';
+import 'package:immich_mobile/utils/hooks/app_settings_update_hook.dart';
+import 'package:immich_mobile/widgets/settings/asset_list_settings/asset_list_group_settings.dart';
+import 'package:immich_mobile/widgets/settings/settings_sub_page_scaffold.dart';
+import 'package:immich_mobile/widgets/settings/settings_switch_list_tile.dart';
+
+import 'asset_list_layout_settings.dart';
+
+class AssetListSettings extends HookConsumerWidget {
+  const AssetListSettings({super.key});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final showStorageIndicator = useAppSettingsState(AppSettingsEnum.storageIndicator);
+
+    final assetListSetting = [
+      SettingsSwitchListTile(
+        valueNotifier: showStorageIndicator,
+        title: 'theme_setting_asset_list_storage_indicator_title'.tr(),
+        onChanged: (_) {
+          ref.invalidate(appSettingsServiceProvider);
+          ref.invalidate(settingsProvider);
+        },
+      ),
+      const LayoutSettings(),
+      const GroupSettings(),
+    ];
+
+    return SettingsSubPageScaffold(settings: assetListSetting, showDivider: true);
+  }
+}