feat(mobile): Library page rework (album sorting, favorites) (#1501)

* Add album sorting

* Change AppBar to match photos page behaviour

* Add buttons

* First crude implementation of the favorites page

* Clean up

* Add favorite button

* i18n

* Add star indicator to thumbnail

* Add favorite logic to separate provider and fix favorite behavior in album

* Review feedback (Add isFavorite variable)

* dev: style buttons

* dev: styled drop down button

---------

Co-authored-by: Alex Tran <alex.tran1502@gmail.com>

mobile/lib/shared/models/asset.dart

@@ -23,7 +23,8 @@ class Asset {
         latitude = remote.exifInfo?.latitude?.toDouble(),
         longitude = remote.exifInfo?.longitude?.toDouble(),
         exifInfo =
-            remote.exifInfo != null ? ExifInfo.fromDto(remote.exifInfo!) : null;
+            remote.exifInfo != null ? ExifInfo.fromDto(remote.exifInfo!) : null,
+        isFavorite = remote.isFavorite;
 
   Asset.local(AssetEntity local, String owner)
       : localId = local.id,
@@ -37,6 +38,7 @@ class Asset {
         deviceId = Hive.box(userInfoBox).get(deviceIdKey),
         ownerId = owner,
         modifiedAt = local.modifiedDateTime.toUtc(),
+        isFavorite = local.isFavorite,
         createdAt = local.createDateTime.toUtc() {
     if (createdAt.year == 1970) {
       createdAt = modifiedAt;
@@ -59,6 +61,7 @@ class Asset {
     required this.fileName,
     this.livePhotoVideoId,
     this.exifInfo,
+    required this.isFavorite,
   });
 
   AssetEntity? _local;
@@ -111,6 +114,8 @@ class Asset {
 
   ExifInfo? exifInfo;
 
+  bool isFavorite;
+
   String get id => isLocal ? localId.toString() : remoteId!;
 
   String get name => p.withoutExtension(fileName);
@@ -150,6 +155,7 @@ class Asset {
     json["height"] = height;
     json["fileName"] = fileName;
     json["livePhotoVideoId"] = livePhotoVideoId;
+    json["isFavorite"] = isFavorite;
     if (exifInfo != null) {
       json["exifInfo"] = exifInfo!.toJson();
     }
@@ -179,6 +185,7 @@ class Asset {
         fileName: json["fileName"],
         livePhotoVideoId: json["livePhotoVideoId"],
         exifInfo: ExifInfo.fromJson(json["exifInfo"]),
+        isFavorite: json["isFavorite"],
       );
     }
     return null;

mobile/lib/shared/providers/asset.provider.dart

@@ -268,6 +268,26 @@ class AssetNotifier extends StateNotifier<AssetsState> {
         .where((a) => a.status == DeleteAssetStatus.SUCCESS)
         .map((a) => a.id);
   }
+
+  Future<bool> toggleFavorite(Asset asset, bool status) async {
+    final newAsset = await _assetService.changeFavoriteStatus(asset, status);
+
+    if (newAsset == null) {
+      log.severe("Change favorite status failed for asset ${asset.id}");
+      return asset.isFavorite;
+    }
+
+    await _updateAssetsState(
+      state.allAssets.map((a) {
+        if (asset.id == a.id) {
+          return Asset.remote(newAsset);
+        }
+        return a;
+      }).toList(),
+    );
+
+    return newAsset.isFavorite;
+  }
 }
 
 final assetProvider = StateNotifierProvider<AssetNotifier, AssetsState>((ref) {

mobile/lib/shared/services/asset.service.dart

@@ -104,4 +104,13 @@ class AssetService {
       return null;
     }
   }
+
+  Future<AssetResponseDto?> updateAsset(Asset asset, UpdateAssetDto updateAssetDto) async {
+    return await _apiService.assetApi.updateAsset(asset.id, updateAssetDto);
+  }
+
+  Future<AssetResponseDto?> changeFavoriteStatus(Asset asset, bool isFavorite) {
+    return updateAsset(asset, UpdateAssetDto(isFavorite: isFavorite));
+  }
+
 }