Show VC cards or image in claims page #2518

TalaoDAO · Mar 20, 2024 · f406985 · f406985
1 parent 6c2f9bc
commit f406985
Show file tree

Hide file tree

Showing 5 changed files with 39 additions and 35 deletions.
diff --git a/lib/dashboard/home/tab_bar/credentials/detail/view/credentials_details_page.dart b/lib/dashboard/home/tab_bar/credentials/detail/view/credentials_details_page.dart
@@ -201,23 +201,7 @@ class _CredentialsDetailsViewState extends State<CredentialsDetailsView> {
                       crossAxisAlignment: CrossAxisAlignment.start,
                       children: <Widget>[
                         if (credentialImage != null)
-                          AspectRatio(
-                            aspectRatio: Sizes.credentialAspectRatio,
-                            child: ClipRRect(
-                              borderRadius: BorderRadius.circular(
-                                Sizes.credentialBorderRadius,
-                              ),
-                              child: CachedImageFromNetwork(
-                                credentialImage,
-                                fit: BoxFit.contain,
-                                width: double.infinity,
-                                bgColor: Colors.transparent,
-                                height: double.infinity,
-                                errorMessage: '',
-                                showLoading: false,
-                              ),
-                            ),
-                          )
+                          PictureDisplay(credentialImage: credentialImage)
                         else
                           CredentialDisplay(
                             credentialModel: widget.credentialModel,

diff --git a/...ar/credentials/present/pick/selective_disclosure/view/selective_disclosure_pick_page.dart b/...ar/credentials/present/pick/selective_disclosure/view/selective_disclosure_pick_page.dart
@@ -105,12 +105,15 @@ class SelectiveDisclosurePickView extends StatelessWidget {
             ),
             body: Column(
               children: [
-                if (credentialImage == null)
+                if (credentialImage != null)
+                  PictureDisplay(credentialImage: credentialImage)
+                else
                   CredentialDisplay(
                     credentialModel: credentialToBePresented,
                     credDisplayType: CredDisplayType.List,
                     profileSetting: profileSetting,
                   ),
+                const SizedBox(height: 20),
                 DisplaySelectiveDisclosure(
                   credentialModel: credentialToBePresented,
                   claims: null,

diff --git a/lib/dashboard/home/tab_bar/credentials/widgets/list_item.dart b/lib/dashboard/home/tab_bar/credentials/widgets/list_item.dart
@@ -155,23 +155,7 @@ class DisplayCard extends StatelessWidget {
     final credentialImage = SelectiveDisclosure(credentialModel).getPicture;
 
     return selected != null && credentialImage != null
-        ? AspectRatio(
-            aspectRatio: Sizes.credentialAspectRatio,
-            child: ClipRRect(
-              borderRadius: BorderRadius.circular(
-                Sizes.credentialBorderRadius,
-              ),
-              child: CachedImageFromNetwork(
-                credentialImage,
-                fit: BoxFit.contain,
-                width: double.infinity,
-                bgColor: Colors.transparent,
-                height: double.infinity,
-                errorMessage: '',
-                showLoading: false,
-              ),
-            ),
-          )
+        ? PictureDisplay(credentialImage: credentialImage)
         : CredentialDisplay(
             credentialModel: credentialModel,
             credDisplayType: CredDisplayType.List,

diff --git a/lib/dashboard/home/tab_bar/credentials/widgets/picture_display.dart b/lib/dashboard/home/tab_bar/credentials/widgets/picture_display.dart
@@ -0,0 +1,32 @@
+import 'package:altme/app/app.dart';
+import 'package:flutter/material.dart';
+
+class PictureDisplay extends StatelessWidget {
+  const PictureDisplay({
+    super.key,
+    required this.credentialImage,
+  });
+
+  final String credentialImage;
+
+  @override
+  Widget build(BuildContext context) {
+    return AspectRatio(
+      aspectRatio: Sizes.credentialAspectRatio,
+      child: ClipRRect(
+        borderRadius: BorderRadius.circular(
+          Sizes.credentialBorderRadius,
+        ),
+        child: CachedImageFromNetwork(
+          credentialImage,
+          fit: BoxFit.contain,
+          width: double.infinity,
+          bgColor: Colors.transparent,
+          height: double.infinity,
+          errorMessage: '',
+          showLoading: false,
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/dashboard/home/tab_bar/credentials/widgets/widgets.dart b/lib/dashboard/home/tab_bar/credentials/widgets/widgets.dart
@@ -24,6 +24,7 @@ export 'display_wiget.dart';
 export 'dummy_credential_image.dart';
 export 'labeled_display_mapping_widget.dart';
 export 'list_item.dart';
+export 'picture_display.dart';
 export 'skills_list_display.dart';
 export 'star_rating.dart';
 export 'white_close_button.dart';