fix: Image extraction screen (#3026)

* fix white screen issue * changes required after review
openfoodfacts · Sep 17, 2022 · f893237 · f893237
1 parent c459397
commit f893237
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 3 deletions.
diff --git a/packages/smooth_app/lib/l10n/app_en.arb b/packages/smooth_app/lib/l10n/app_en.arb
@@ -1653,5 +1653,13 @@
     "offline_data": "Offline Data",
     "@offline_data": {
         "description": "App bar tile for offline data page"
+    },
+    "ocr_image_upload_instruction" : "Upload an image to automatically extract the provided information",
+    "@ocr_image_upload_instruction" : {
+        "description" : "Message shown when there is no image on ocr extraction page"
+    },
+    "upload_image" : "Upload Photo",
+    "@upload_image" : {
+        "description" : "Message shown on asking to upload image"
     }
 }
diff --git a/packages/smooth_app/lib/pages/product/edit_ingredients_page.dart b/packages/smooth_app/lib/pages/product/edit_ingredients_page.dart
@@ -158,7 +158,7 @@ class _EditOcrPageState extends State<EditOcrPage> {
   @override
   Widget build(BuildContext context) {
     final AppLocalizations appLocalizations = AppLocalizations.of(context);
-
+    final Size size = MediaQuery.of(context).size;
     final List<Widget> children = <Widget>[];
 
     if (_imageProvider != null) {
@@ -178,7 +178,27 @@ class _EditOcrPageState extends State<EditOcrPage> {
           ),
         );
       } else {
-        children.add(Container(color: Colors.white));
+        children.add(
+          Container(
+            alignment: Alignment.center,
+            margin: EdgeInsets.only(bottom: size.height * 0.25),
+            child: Column(
+              mainAxisAlignment: MainAxisAlignment.center,
+              crossAxisAlignment: CrossAxisAlignment.center,
+              children: <Widget>[
+                Icon(
+                  Icons.image_not_supported,
+                  size: size.height / 4,
+                ),
+                Text(
+                  appLocalizations.ocr_image_upload_instruction,
+                  style: Theme.of(context).textTheme.bodyText2,
+                  textAlign: TextAlign.center,
+                )
+              ],
+            ),
+          ),
+        );
       }
     }
 
@@ -292,7 +312,10 @@ class _OcrWidget extends StatelessWidget {
                 ),
                 child: SmoothActionButtonsBar(
                   positiveAction: SmoothActionButton(
-                    text: helper.getActionRefreshPhoto(appLocalizations),
+                    text: (hasImageProvider ||
+                            helper.getImageUrl(product) != null)
+                        ? helper.getActionRefreshPhoto(appLocalizations)
+                        : appLocalizations.upload_image,
                     onPressed: () => onTapGetImage(true),
                   ),
                 ),