majro update

app/lib/presentation/widgets/autocomplete.dart

@@ -130,6 +130,7 @@ class ExternalResultsAutocomplete<T extends Object> extends StatefulWidget {
   /// {@endtemplate}
   final AutocompleteOnSelected<T>? onSelected;
 
+  // ignore: avoid_futureor_void
   final FutureOr<void> Function(TextEditingValue textEditingValue)
   onTextChanged;
 

app/lib/presentation/widgets/rounded_text.dart

@@ -0,0 +1,24 @@
+import 'package:flutter/material.dart';
+
+class RoundedBackground extends StatelessWidget {
+  final Widget child;
+  final Color? backgroundColor;
+
+  const RoundedBackground({
+    super.key,
+    required this.child,
+    this.backgroundColor,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
+      decoration: BoxDecoration(
+        borderRadius: BorderRadius.circular(25),
+        color: backgroundColor ?? Theme.of(context).colorScheme.primary,
+      ),
+      child: child,
+    );
+  }
+}

app/lib/presentation/widgets/url_icon.dart

@@ -14,8 +14,9 @@ class UrlIcon extends HookConsumerWidget {
   @override
   Widget build(BuildContext context, WidgetRef ref) {
     final icon = useCachedFuture(
-      () async =>
-          ref.read(genericWebsiteServiceProvider.notifier).getUrlIcon(url),
+      () =>
+      // ignore: discarded_futures
+      ref.read(genericWebsiteServiceProvider.notifier).getUrlIcon(url),
       [url],
     );
 

app/lib/presentation/widgets/website_feed_tile.dart

@@ -0,0 +1,64 @@
+import 'package:flutter/material.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:lensai/data/models/web_page_info.dart';
+import 'package:lensai/extensions/nullable.dart';
+import 'package:lensai/presentation/controllers/website_title.dart';
+import 'package:lensai/presentation/widgets/rounded_text.dart';
+import 'package:skeletonizer/skeletonizer.dart';
+
+class WebsiteFeedTile extends HookConsumerWidget {
+  final Uri url;
+  final WebPageInfo? precachedInfo;
+
+  const WebsiteFeedTile(this.url, {this.precachedInfo, super.key});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final pageInfoAsync =
+        (precachedInfo?.feeds != null)
+            ? AsyncValue.data(precachedInfo!)
+            : ref.watch(pageInfoProvider(url));
+
+    return Skeletonizer(
+      enabled: pageInfoAsync.isLoading && precachedInfo?.feeds == null,
+      child: pageInfoAsync.when(
+        data: (info) {
+          if (info.feeds.isEmpty) {
+            return const SizedBox.shrink();
+          }
+
+          return ListTile(
+            leading: const Icon(Icons.rss_feed),
+            title: const Text('Available Web Feeds'),
+            trailing: RoundedBackground(
+              child: Text(
+                info.feeds!.length.toString(),
+                textAlign: TextAlign.center,
+                style: TextStyle(
+                  color: Theme.of(context).colorScheme.onPrimary,
+                ),
+              ),
+            ),
+          );
+        },
+        error: (error, stackTrace) {
+          return const SizedBox.shrink();
+
+          //Will be dispalyed on title already
+
+          // return FailureWidget(
+          //   title: error.toString(),
+          //   onRetry: () => ref.refresh(pageInfoProvider(url)),
+          // );
+        },
+        loading:
+            () => const ListTile(
+              leading: Icon(Icons.rss_feed),
+              contentPadding: EdgeInsets.zero,
+              title: Text('Available Web Feeds'),
+              trailing: Bone.icon(),
+            ),
+      ),
+    );
+  }
+}