Added new album varient in AlbumListItemWidget

lib/ui/components/album_list_item_widget.dart

@@ -1,3 +1,4 @@
+import 'package:dotted_border/dotted_border.dart';
 import 'package:flutter/material.dart';
 import 'package:logging/logging.dart';
 import 'package:photos/db/files_db.dart';
@@ -8,7 +9,12 @@ import 'package:photos/ui/viewer/file/thumbnail_widget.dart';
 
 class AlbumListItemWidget extends StatelessWidget {
   final CollectionWithThumbnail item;
-  const AlbumListItemWidget(this.item, {super.key});
+  final bool isNew;
+  const AlbumListItemWidget({
+    required this.item,
+    this.isNew = false,
+    super.key,
+  });
 
   @override
   Widget build(BuildContext context) {
@@ -28,7 +34,12 @@ class AlbumListItemWidget extends StatelessWidget {
                 height: sideOfThumbnail,
                 width: sideOfThumbnail,
                 key: Key("collection_item:" + (item.thumbnail?.tag ?? "")),
-                child: item.thumbnail != null
+                child: isNew
+                    ? Icon(
+                        Icons.add_outlined,
+                        color: colorScheme.strokeMuted,
+                      )
+                    : item.thumbnail != null
                         ? ThumbnailWidget(
                             item.thumbnail,
                             showFavForAlbumOnly: true,
@@ -38,7 +49,13 @@ class AlbumListItemWidget extends StatelessWidget {
             ),
             Padding(
               padding: const EdgeInsets.only(left: 12),
-              child: Column(
+              child: isNew
+                  ? Text(
+                      "New album",
+                      style:
+                          textTheme.body.copyWith(color: colorScheme.textMuted),
+                    )
+                  : Column(
                       crossAxisAlignment: CrossAxisAlignment.start,
                       children: [
                         Text(item.collection.collectionName),
@@ -76,15 +93,17 @@ class AlbumListItemWidget extends StatelessWidget {
           ],
         ),
         IgnorePointer(
-          child: Container(
+          child: DottedBorder(
+            dashPattern: isNew ? [4] : [300, 0],
+            color: colorScheme.strokeFainter,
+            strokeWidth: 1,
+            padding: const EdgeInsets.all(0),
+            borderType: BorderType.RRect,
+            radius: const Radius.circular(4),
+            child: SizedBox(
               height: sideOfThumbnail,
               //32 is to account for padding of 16pts on both sides
               width: MediaQuery.of(context).size.width - 32,
-            decoration: BoxDecoration(
-              border: Border.all(color: colorScheme.strokeFainter),
-              borderRadius: const BorderRadius.all(
-                Radius.circular(4),
-              ),
             ),
           ),
         ),

lib/ui/create_collection_sheet.dart

@@ -128,7 +128,7 @@ class _CreateCollectionSheetState extends State<CreateCollectionSheet> {
                           return ListView.separated(
                             itemBuilder: (context, index) {
                               return AlbumListItemWidget(
-                                collectionsWithThumbnail[index],
+                                item: collectionsWithThumbnail[index],
                               );
                               // return _buildCollectionItem(
                               //   collectionsWithThumbnail[index],