Source Code added

mobile/lib/widgets/asset_viewer/description_input.dart

@@ -0,0 +1,106 @@
+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,
+      ),
+    );
+  }
+}