mirror of
https://github.com/immich-app/immich.git
synced 2026-02-28 09:38:43 +03:00
* init
* fix
* styling
* temporary workaround for 500 error
**Root cause:**
The autogenerated Dart OpenAPI client (`UsersApi.createProfileImage()`) had two issues:
1. It set `Content-Type: multipart/form-data` without a boundary, which overrode the correct header that Dart's `MultipartRequest` would set (`multipart/form-data; boundary=...`).
2. It added the file to both `mp.fields` and `mp.files`, creating a duplicate text field.
**Result:**
Multer on the server failed to parse the multipart body, so `@UploadedFile()` was `undefined` → accessing `file.path` in `UserService.createProfileImage()` threw → **500 Internal Server Error**.
**Workaround:**
Bypass the autogenerated method in `UserApiRepository.createProfileImage()` and send the multipart request directly using the same `ApiClient` (basePath + auth), ensuring:
- No manual `Content-Type` header (let `MultipartRequest` set it with boundary)
- File only in `mp.files`, not `mp.fields`
- Proper filename fallback
* Revert "temporary workaround for 500 error"
This reverts commit 8436cd402632ca7be9272a1c72fdaf0763dcefb6.
* generate route for ProfilePictureCropPage
* add route import
* simplify
* try this
* Revert "try this"
This reverts commit fcf37d2801055c49010ddb4fd271feb900ee645a.
* try patching
* Reapply "temporary workaround for 500 error"
This reverts commit faeed810c21e4c9f0839dfff1f34aa6183469e56.
* Revert "Reapply "temporary workaround for 500 error""
This reverts commit a14a0b76d14975af98ef91748576a79cef959635.
* fix upload
* Refactor image conversion logic by introducing a new utility function. Replace inline image-to-Uint8List conversion with the new utility in EditImagePage, DriftEditImagePage, and ProfilePictureCropPage.
* use toast over snack
* format
* Revert "try patching"
This reverts commit 68a616522a1eee88c4a9755a314c0017e6450c0f.
* Enhance toast notification in ProfilePictureCropPage to include success type for better user feedback.
* Revert "simplify"
This reverts commit 8e85057a40.
* format
* add tests
* refactor to use statefulwidget
* format
---------
Co-authored-by: Alex <alex.tran1502@gmail.com>
83 lines
2.8 KiB
Dart
83 lines
2.8 KiB
Dart
import 'dart:convert';
|
|
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:image_picker/image_picker.dart';
|
|
import 'package:immich_mobile/domain/services/user.service.dart';
|
|
import 'package:immich_mobile/providers/infrastructure/user.provider.dart';
|
|
import 'package:immich_mobile/utils/debug_print.dart';
|
|
|
|
enum UploadProfileStatus { idle, loading, success, failure }
|
|
|
|
class UploadProfileImageState {
|
|
// enum
|
|
final UploadProfileStatus status;
|
|
final String profileImagePath;
|
|
const UploadProfileImageState({required this.status, required this.profileImagePath});
|
|
|
|
UploadProfileImageState copyWith({UploadProfileStatus? status, String? profileImagePath}) {
|
|
return UploadProfileImageState(
|
|
status: status ?? this.status,
|
|
profileImagePath: profileImagePath ?? this.profileImagePath,
|
|
);
|
|
}
|
|
|
|
Map<String, dynamic> toMap() {
|
|
final result = <String, dynamic>{};
|
|
|
|
result.addAll({'status': status.index});
|
|
result.addAll({'profileImagePath': profileImagePath});
|
|
|
|
return result;
|
|
}
|
|
|
|
factory UploadProfileImageState.fromMap(Map<String, dynamic> map) {
|
|
return UploadProfileImageState(
|
|
status: UploadProfileStatus.values[map['status'] ?? 0],
|
|
profileImagePath: map['profileImagePath'] ?? '',
|
|
);
|
|
}
|
|
|
|
String toJson() => json.encode(toMap());
|
|
|
|
factory UploadProfileImageState.fromJson(String source) => UploadProfileImageState.fromMap(json.decode(source));
|
|
|
|
@override
|
|
String toString() => 'UploadProfileImageState(status: $status, profileImagePath: $profileImagePath)';
|
|
|
|
@override
|
|
bool operator ==(Object other) {
|
|
if (identical(this, other)) return true;
|
|
|
|
return other is UploadProfileImageState && other.status == status && other.profileImagePath == profileImagePath;
|
|
}
|
|
|
|
@override
|
|
int get hashCode => status.hashCode ^ profileImagePath.hashCode;
|
|
}
|
|
|
|
class UploadProfileImageNotifier extends StateNotifier<UploadProfileImageState> {
|
|
UploadProfileImageNotifier(this._userService)
|
|
: super(const UploadProfileImageState(profileImagePath: '', status: UploadProfileStatus.idle));
|
|
|
|
final UserService _userService;
|
|
|
|
Future<bool> upload(XFile file, {String? fileName}) async {
|
|
state = state.copyWith(status: UploadProfileStatus.loading);
|
|
|
|
var profileImagePath = await _userService.createProfileImage(fileName ?? file.name, await file.readAsBytes());
|
|
|
|
if (profileImagePath != null) {
|
|
dPrint(() => "Successfully upload profile image");
|
|
state = state.copyWith(status: UploadProfileStatus.success, profileImagePath: profileImagePath);
|
|
return true;
|
|
}
|
|
|
|
state = state.copyWith(status: UploadProfileStatus.failure);
|
|
return false;
|
|
}
|
|
}
|
|
|
|
final uploadProfileImageProvider = StateNotifierProvider<UploadProfileImageNotifier, UploadProfileImageState>(
|
|
((ref) => UploadProfileImageNotifier(ref.watch(userServiceProvider))),
|
|
);
|