improvements

lib/views/widgets/equipment/asset_detail_page.dart

@@ -39,6 +39,7 @@ class _AssetDetailPageState extends State<AssetDetailPage> with SingleTickerProv
   late AnimationController _animationController;
   int? assetId;
   AssetProvider? _assetProvider;
+  AssetByIdModel? assetModel;
 
   @override
   void initState() {
@@ -55,10 +56,6 @@ class _AssetDetailPageState extends State<AssetDetailPage> with SingleTickerProv
     super.dispose();
   }
 
-  int? assetId;
-  AssetProvider? _assetProvider;
-  AssetByIdModel? assetModel;
-
   List<GenericAttachmentModel> attachments = [];
 
   @override
@@ -200,7 +197,26 @@ class _AssetDetailPageState extends State<AssetDetailPage> with SingleTickerProv
               ),
             );
 
-            return SingleChildScrollView(
+            final attachmentAnimation = Tween<double>(begin: 0.0, end: 1.0).animate(
+              CurvedAnimation(
+                parent: _animationController,
+                curve: const Interval(0.80, 1.0, curve: Curves.easeOut),
+              ),
+            );
+
+            final attachmentSlideAnimation = Tween<Offset>(
+              begin: const Offset(0.0, 0.1),
+              end: Offset.zero,
+            ).animate(
+              CurvedAnimation(
+                parent: _animationController,
+                curve: const Interval(0.80, 1.0, curve: Curves.easeOutCubic),
+              ),
+            );
+
+            return Column(
+              children: [
+                SingleChildScrollView(
                   padding: const EdgeInsets.all(16),
                   child: Column(
                     crossAxisAlignment: CrossAxisAlignment.start,
@@ -254,18 +270,22 @@ class _AssetDetailPageState extends State<AssetDetailPage> with SingleTickerProv
                             opacity: headerAnimation,
                             child: SlideTransition(
                               position: headerSlideAnimation,
-                          child: InfoHeader16Widget(assetModel.modelDefinition?.assetName?.cleanupWhitespace.capitalizeFirstOfEach ?? "-"),
-                        ),
-                      ),
-                      8.height,
-
-                      if (context.userProvider.isEngineer && !(assetModel!.hasTrainingImageData ?? true)) ...[
+                              child: Column(
+                                mainAxisSize: MainAxisSize.min,
+                                crossAxisAlignment: CrossAxisAlignment.start,
+                                spacing: 2,
+                                children: [
+                                  InfoHeader16Widget(assetModel.modelDefinition?.assetName?.cleanupWhitespace.capitalizeFirstOfEach ?? "-"),
+                                  if (context.userProvider.isEngineer && !(assetModel.hasTrainingImageData ?? true))
                                     Text(
                                       '*Upload Images for this asset',
                                       style: AppTextStyles.bodyText2.copyWith(color: AppColor.red30),
                                     ),
-                        4.height,
                                 ],
+                              ),
+                            ),
+                          ),
+                          8.height,
 
                           // Details row with animation
                           FadeTransition(
@@ -339,13 +359,28 @@ class _AssetDetailPageState extends State<AssetDetailPage> with SingleTickerProv
                                 child: InfoTextWidget(label: assetModel.modelDefinition!.assetDescription!, showEmptyValue: true, isMsg: true),
                               ),
                             ),
+                          ],
+
+                          if (attachments.isNotEmpty) ...[
+                            8.height,
+                            FadeTransition(
+                              opacity: attachmentAnimation,
+                              child: const Divider().defaultStyle(context),
+                            ),
+                            FadeTransition(
+                              opacity: attachmentAnimation,
+                              child: SlideTransition(
+                                position: attachmentSlideAnimation,
+                                child: FilesList(images: attachments.map((toElement) => URLs.getFileUrl(toElement.name!) ?? '').toList()),
+                              ),
+                            ),
                           ]
                         ],
                       ),
-                  FilesList(images: attachments.map((toElement) => URLs.getFileUrl(toElement.name!) ?? '').toList()),
                     ],
                   ).toShadowContainer(context),
-                if (context.userProvider.isEngineer && !(assetModel!.hasTrainingImageData ?? true))
+                ).expanded,
+                if (context.userProvider.isEngineer && !(assetModel.hasTrainingImageData ?? true))
                   FooterActionButton.footerContainer(
                     context: context,
                     child: AppFilledButton(
@@ -354,6 +389,7 @@ class _AssetDetailPageState extends State<AssetDetailPage> with SingleTickerProv
                       onPressed: _upload,
                     ),
                   ),
+              ],
             );
           }
           return const Center(child: ALoading());