feat(flutter/library): card + row widgets (artist/album/track)

HorizontalScrollRow takes an optional shared ScrollController so multi-row sections (Most played: 3 rows) couple their scroll like the web HorizontalScrollRow.svelte. Cards fall back to the synced album-fallback.svg when coverUrl is empty.
2026-05-02 17:29:03 -04:00
parent 3e267918b7
commit c47deb3c87
5 changed files with 253 additions and 0 deletions
@@ -0,0 +1,44 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+
+import '../../models/artist.dart';
+import '../../theme/theme_extension.dart';
+
+class ArtistCard extends StatelessWidget {
+  const ArtistCard({required this.artist, required this.onTap, super.key});
+  final ArtistRef artist;
+  final VoidCallback onTap;
+
+  @override
+  Widget build(BuildContext context) {
+    final fs = Theme.of(context).extension<FabledSwordTheme>()!;
+    return GestureDetector(
+      onTap: onTap,
+      child: SizedBox(
+        width: 140,
+        child: Padding(
+          padding: const EdgeInsets.symmetric(horizontal: 8),
+          child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
+            ClipOval(
+              child: Container(
+                width: 124,
+                height: 124,
+                color: fs.slate,
+                child: artist.coverUrl.isEmpty
+                    ? SvgPicture.asset('assets/svg/album-fallback.svg', fit: BoxFit.cover)
+                    : Image.network(artist.coverUrl, fit: BoxFit.cover),
+              ),
+            ),
+            const SizedBox(height: 8),
+            Text(
+              artist.name,
+              maxLines: 1,
+              overflow: TextOverflow.ellipsis,
+              style: TextStyle(color: fs.parchment, fontSize: 14),
+            ),
+          ]),
+        ),
+      ),
+    );
+  }
+}