From d3f72a036f470383a11140fc06b80c213fac9894 Mon Sep 17 00:00:00 2001
From: Neeraj Gupta <254676+ua741@users.noreply.github.com>
Date: Thu, 12 Sep 2024 12:20:20 +0530
Subject: [PATCH] [mob] Fix backup item card

---
 .../ui/settings/backup/backup_item_card.dart  | 26 +++++--------------
 1 file changed, 6 insertions(+), 20 deletions(-)

diff --git a/mobile/lib/ui/settings/backup/backup_item_card.dart b/mobile/lib/ui/settings/backup/backup_item_card.dart
index e25bc659d8..4d7dca7f0d 100644
--- a/mobile/lib/ui/settings/backup/backup_item_card.dart
+++ b/mobile/lib/ui/settings/backup/backup_item_card.dart
@@ -4,8 +4,8 @@ import 'package:flutter/material.dart';
 import "package:photos/models/backup/backup_item.dart";
 import "package:photos/models/backup/backup_item_status.dart";
 import 'package:photos/theme/ente_theme.dart';
+import "package:photos/ui/viewer/file/thumbnail_widget.dart";
 import "package:photos/utils/file_uploader.dart";
-import "package:photos/utils/thumbnail_util.dart";
 
 class BackupItemCard extends StatefulWidget {
   const BackupItemCard({
@@ -20,14 +20,12 @@ class BackupItemCard extends StatefulWidget {
 }
 
 class _BackupItemCardState extends State<BackupItemCard> {
-  Uint8List? thumbnail;
   String? folderName;
 
   @override
   void initState() {
     super.initState();
-    _getThumbnail();
-    _getFolderName();
+    folderName = widget.item.file.deviceFolder ?? '';
   }
 
   @override
@@ -35,16 +33,6 @@ class _BackupItemCardState extends State<BackupItemCard> {
     super.dispose();
   }
 
-  _getThumbnail() async {
-    thumbnail = await getThumbnail(widget.item.file);
-    setState(() {});
-  }
-
-  _getFolderName() async {
-    folderName = widget.item.file.deviceFolder ?? '';
-    setState(() {});
-  }
-
   @override
   Widget build(BuildContext context) {
     final colorScheme = getEnteColorScheme(context);
@@ -67,12 +55,10 @@ class _BackupItemCardState extends State<BackupItemCard> {
             height: 60,
             child: ClipRRect(
               borderRadius: BorderRadius.circular(4),
-              child: thumbnail != null
-                  ? Image.memory(
-                      thumbnail!,
-                      fit: BoxFit.cover,
-                    )
-                  : const SizedBox(),
+              child: ThumbnailWidget(
+                widget.item.file,
+                shouldShowSyncStatus: false,
+              ),
             ),
           ),
           const SizedBox(width: 12),