neon: Fix feed icon border radius and file preview background

packages/neon/lib/src/apps/files/widgets/browser_view.dart

@@ -303,6 +303,7 @@ class _FilesBrowserViewState extends State<FilesBrowserView> {
                     : FilePreview(
                         bloc: widget.filesBloc,
                         details: details,
+                        withBackground: true,
                         borderRadius: const BorderRadius.all(Radius.circular(8)),
                       ),
               ),

packages/neon/lib/src/apps/files/widgets/file_preview.dart

@@ -8,8 +8,12 @@ class FilePreview extends StatelessWidget {
     this.height = 40,
     this.color,
     this.borderRadius,
+    this.withBackground = false,
     super.key,
-  });
+  }) : assert(
+          (borderRadius != null && withBackground) || borderRadius == null,
+          'withBackground needs to be true when borderRadius is set',
+        );
 
   final FilesBloc bloc;
   final FileDetails details;
@@ -17,6 +21,7 @@ class FilePreview extends StatelessWidget {
   final int height;
   final Color? color;
   final BorderRadius? borderRadius;
+  final bool withBackground;
 
   @override
   Widget build(BuildContext context) {
@@ -61,18 +66,23 @@ class FilePreview extends StatelessWidget {
                     children: [
                       if (previewData != null) ...[
                         Center(
-                          child: SizedBox(
+                          child: Builder(
+                            builder: (final context) {
+                              final child = Image.memory(
+                                previewData,
+                                fit: BoxFit.cover,
                                 width: width.toDouble(),
                                 height: height.toDouble(),
-                            child: DecoratedBox(
+                              );
-                              decoration: BoxDecoration(
+                              if (withBackground) {
+                                return ImageWrapper(
+                                  backgroundColor: Colors.white,
                                   borderRadius: borderRadius,
-                                image: DecorationImage(
+                                  child: child,
-                                  image: MemoryImage(previewData),
+                                );
-                                  fit: BoxFit.cover,
+                              }
-                                ),
+                              return child;
-                              ),
+                            },
-                            ),
                           ),
                         ),
                       ],

packages/neon/lib/src/apps/news/widgets/feed_icon.dart

@@ -13,15 +13,11 @@ class NewsFeedIcon extends StatelessWidget {
   final BorderRadius? borderRadius;
 
   @override
-  Widget build(final BuildContext context) => SizedBox(
+  Widget build(final BuildContext context) => ImageWrapper(
+        backgroundColor: Colors.white,
         width: size,
         height: size,
-        child: DecoratedBox(
-          decoration: BoxDecoration(
-            color: Colors.white,
         borderRadius: borderRadius,
-          ),
-          child: Center(
         child: feed.faviconLink != null && feed.faviconLink != ''
             ? CachedURLImage(
                 url: feed.faviconLink!,
@@ -35,7 +31,5 @@ class NewsFeedIcon extends StatelessWidget {
                 size: size,
                 color: Theme.of(context).colorScheme.primary,
               ),
-          ),
-        ),
       );
 }

packages/neon/lib/src/neon.dart

@@ -91,6 +91,7 @@ part 'widgets/custom_dialog.dart';
 part 'widgets/custom_linear_progress_indicator.dart';
 part 'widgets/custom_listview.dart';
 part 'widgets/exception.dart';
+part 'widgets/image_wrapper.dart';
 part 'widgets/neon_logo.dart';
 part 'widgets/nextcloud_logo.dart';
 part 'widgets/result_stream_builder.dart';

packages/neon/lib/src/widgets/image_wrapper.dart

@@ -0,0 +1,36 @@
+part of '../neon.dart';
+
+class ImageWrapper extends StatelessWidget {
+  const ImageWrapper({
+    required this.child,
+    required this.backgroundColor,
+    this.width,
+    this.height,
+    this.borderRadius,
+    super.key,
+  });
+
+  final Widget child;
+  final Color backgroundColor;
+  final double? width;
+  final double? height;
+  final BorderRadius? borderRadius;
+
+  @override
+  Widget build(BuildContext context) => SizedBox(
+        width: width,
+        height: height,
+        child: DecoratedBox(
+          decoration: BoxDecoration(
+            color: backgroundColor,
+            borderRadius: borderRadius?.add(const BorderRadius.all(Radius.circular(1))),
+          ),
+          child: Center(
+            child: ClipRRect(
+              borderRadius: borderRadius ?? BorderRadius.zero,
+              child: child,
+            ),
+          ),
+        ),
+      );
+}