mirror of
https://github.com/immich-app/immich.git
synced 2025-11-04 03:27:09 -05:00
e52b9d15b5
* chore: bump dart sdk to 3.8 * chore: make build * make pigeon * chore: format files --------- Co-authored-by: shenlong-tanwen <139912620+shalong-tanwen@users.noreply.github.com>
107 lines
3.6 KiB
Dart
107 lines
3.6 KiB
Dart
import 'package:easy_localization/easy_localization.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_hooks/flutter_hooks.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:immich_mobile/domain/models/exif.model.dart';
|
|
import 'package:immich_mobile/entities/asset.entity.dart';
|
|
import 'package:immich_mobile/extensions/build_context_extensions.dart';
|
|
import 'package:immich_mobile/extensions/theme_extensions.dart';
|
|
import 'package:immich_mobile/providers/asset.provider.dart';
|
|
import 'package:immich_mobile/providers/user.provider.dart';
|
|
import 'package:immich_mobile/services/asset.service.dart';
|
|
import 'package:immich_mobile/utils/hash.dart';
|
|
import 'package:immich_mobile/widgets/common/immich_toast.dart';
|
|
import 'package:logging/logging.dart';
|
|
|
|
class DescriptionInput extends HookConsumerWidget {
|
|
DescriptionInput({super.key, required this.asset, this.exifInfo});
|
|
|
|
final Asset asset;
|
|
final ExifInfo? exifInfo;
|
|
final Logger _log = Logger('DescriptionInput');
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final controller = useTextEditingController();
|
|
final focusNode = useFocusNode();
|
|
final isFocus = useState(false);
|
|
final isTextEmpty = useState(controller.text.isEmpty);
|
|
final assetService = ref.watch(assetServiceProvider);
|
|
final owner = ref.watch(currentUserProvider);
|
|
final hasError = useState(false);
|
|
final assetWithExif = ref.watch(assetDetailProvider(asset));
|
|
final hasDescription = useState(false);
|
|
final isOwner = fastHash(owner?.id ?? '') == asset.ownerId;
|
|
|
|
useEffect(() {
|
|
assetService.getDescription(asset).then((value) {
|
|
controller.text = value;
|
|
hasDescription.value = value.isNotEmpty;
|
|
});
|
|
return null;
|
|
}, [assetWithExif.value]);
|
|
|
|
if (!isOwner && !hasDescription.value) {
|
|
return const SizedBox.shrink();
|
|
}
|
|
|
|
submitDescription(String description) async {
|
|
hasError.value = false;
|
|
try {
|
|
await assetService.setDescription(asset, description);
|
|
controller.text = description;
|
|
} catch (error, stack) {
|
|
hasError.value = true;
|
|
_log.severe("Error updating description", error, stack);
|
|
ImmichToast.show(context: context, msg: "description_input_submit_error".tr(), toastType: ToastType.error);
|
|
}
|
|
}
|
|
|
|
Widget? suffixIcon;
|
|
if (hasError.value) {
|
|
suffixIcon = const Icon(Icons.warning_outlined);
|
|
} else if (!isTextEmpty.value && isFocus.value) {
|
|
suffixIcon = IconButton(
|
|
onPressed: () {
|
|
controller.clear();
|
|
isTextEmpty.value = true;
|
|
},
|
|
icon: Icon(Icons.cancel_rounded, color: context.colorScheme.onSurfaceSecondary),
|
|
splashRadius: 10,
|
|
);
|
|
}
|
|
|
|
return TextField(
|
|
enabled: isOwner,
|
|
focusNode: focusNode,
|
|
onTap: () => isFocus.value = true,
|
|
onChanged: (value) {
|
|
isTextEmpty.value = false;
|
|
},
|
|
onTapOutside: (a) async {
|
|
isFocus.value = false;
|
|
focusNode.unfocus();
|
|
|
|
if (exifInfo?.description != controller.text) {
|
|
await submitDescription(controller.text);
|
|
}
|
|
},
|
|
autofocus: false,
|
|
maxLines: null,
|
|
keyboardType: TextInputType.multiline,
|
|
controller: controller,
|
|
style: context.textTheme.labelLarge,
|
|
decoration: InputDecoration(
|
|
hintText: 'description_input_hint_text'.tr(),
|
|
border: InputBorder.none,
|
|
suffixIcon: suffixIcon,
|
|
enabledBorder: InputBorder.none,
|
|
focusedBorder: InputBorder.none,
|
|
disabledBorder: InputBorder.none,
|
|
errorBorder: InputBorder.none,
|
|
focusedErrorBorder: InputBorder.none,
|
|
),
|
|
);
|
|
}
|
|
}
|