App: Add books endpoint to add image

Author: dabblingwithcode

school_data_hub_client/lib/src/protocol/client.dart

@@ -518,6 +518,19 @@ class EndpointBooks extends _i1.EndpointRef {
         {'isbn': isbn},
       );
 
+  _i2.Future<_i19.Book> updateBookImage(
+    int isbn,
+    String imagePath,
+  ) =>
+      caller.callServerEndpoint<_i19.Book>(
+        'books',
+        'updateBookImage',
+        {
+          'isbn': isbn,
+          'imagePath': imagePath,
+        },
+      );
+
   _i2.Future<_i19.Book> updateBookTags(
     int isbn, {
     List<_i18.BookTag>? tags,

school_data_hub_flutter/lib/common/data/file_upload_service.dart

@@ -13,10 +13,11 @@ class ClientFileUpload {
   static final _instance = ClientFileUpload.__internal();
   factory ClientFileUpload() => _instance;
 
-  static Future<({String? path, bool success})> uploadFile(
-    File file,
-    ServerStorageFolder folder,
-  ) async {
+  static Future<({String? path, bool success})> uploadFile({
+    required File file,
+    required StorageId storageId,
+    required ServerStorageFolder folder,
+  }) async {
     final documentId = const Uuid().v4();
     final path = p.join(folder.name, '$documentId${p.extension(file.path)}');
     try {

school_data_hub_flutter/lib/common/widgets/unencrypted_image_in_card.dart

@@ -1,7 +1,12 @@
+import 'dart:io';
+
 import 'package:flutter/material.dart';
 import 'package:flutter_hooks/flutter_hooks.dart';
+import 'package:school_data_hub_flutter/app_utils/create_and_crop_image_file.dart';
 import 'package:school_data_hub_flutter/common/theme/app_colors.dart';
 import 'package:school_data_hub_flutter/common/widgets/cached_image_or_download_inage.dart';
+import 'package:school_data_hub_flutter/features/books/domain/book_manager.dart';
+import 'package:watch_it/watch_it.dart';
 import 'package:widget_zoom/widget_zoom.dart';
 
 class UnencryptedImageInCard extends HookWidget {
@@ -22,43 +27,53 @@ class UnencryptedImageInCard extends HookWidget {
       height: size,
       width: (21 / 30) * size,
       child: Center(
-        child: WidgetZoom(
-          heroAnimationTag: '$cacheKey$randomPart',
-          zoomWidget: FutureBuilder<Image>(
-            future: cachedPublicImageOrDownloadPublicImage(
-              path: path,
-              cacheKey: cacheKey,
-            ),
-            builder: (context, snapshot) {
-              Widget child;
-              if (snapshot.connectionState == ConnectionState.waiting) {
-                // Display a loading indicator while the future is not complete
-                child = SizedBox(
-                  height: 25,
-                  width: 25,
-                  child: CircularProgressIndicator(
-                    strokeWidth: 5,
-                    color: AppColors.backgroundColor,
-                  ),
-                );
-              } else if (snapshot.hasError) {
-                // Display an error message if the future encounters an error
-                child = Text(
-                  'Error: ${snapshot.error}',
-                  style: const TextStyle(color: Colors.orange),
+        child: InkWell(
+          onLongPress: () async {
+            final File? file = await createAndCropImageFile(context);
+            if (file == null) return;
+            await di<BookManager>().updateBookImage(
+              file: file,
+              isbn: int.tryParse(cacheKey)!,
+            );
+          },
+          child: WidgetZoom(
+            heroAnimationTag: '$cacheKey$randomPart',
+            zoomWidget: FutureBuilder<Image>(
+              future: cachedPublicImageOrDownloadPublicImage(
+                path: path,
+                cacheKey: cacheKey,
+              ),
+              builder: (context, snapshot) {
+                Widget child;
+                if (snapshot.connectionState == ConnectionState.waiting) {
+                  // Display a loading indicator while the future is not complete
+                  child = SizedBox(
+                    height: 25,
+                    width: 25,
+                    child: CircularProgressIndicator(
+                      strokeWidth: 5,
+                      color: AppColors.backgroundColor,
+                    ),
+                  );
+                } else if (snapshot.hasError) {
+                  // Display an error message if the future encounters an error
+                  child = Text(
+                    'Error: ${snapshot.error}',
+                    style: const TextStyle(color: Colors.orange),
+                  );
+                } else {
+                  // Display the result when the future is complete
+                  child = ClipRRect(
+                    borderRadius: const BorderRadius.all(Radius.circular(5)),
+                    child: snapshot.data!,
+                  );
+                }
+                return AnimatedSwitcher(
+                  duration: const Duration(milliseconds: 300),
+                  child: child,
                 );
-              } else {
-                // Display the result when the future is complete
-                child = ClipRRect(
-                  borderRadius: const BorderRadius.all(Radius.circular(5)),
-                  child: snapshot.data!,
-                );
-              }
-              return AnimatedSwitcher(
-                duration: const Duration(milliseconds: 300),
-                child: child,
-              );
-            },
+              },
+            ),
           ),
         ),
       ),