Show external links for media

lib/common/utils/graphql.dart

@@ -82,6 +82,7 @@ abstract class GqlQuery {
       siteUrl
       rankings {rank type year season allTime}
       stats {scoreDistribution {score amount} statusDistribution {status amount}}
+      externalLinks {url site color}
       relations {
         edges {
           relationType(version: 2)

lib/modules/media/media_info_view.dart

@@ -164,6 +164,8 @@ class MediaInfoView extends StatelessWidget {
                 discoverType: DiscoverType.studio,
               ),
             ),
+          if (info.externalLinks.isNotEmpty)
+            _ExternalLinkScrollCards(items: info.externalLinks),
           if (info.hashtag != null) _Title('Hashtag', info.hashtag!),
           if (info.romajiTitle != null) _Title('Romaji', info.romajiTitle!),
           if (info.englishTitle != null) _Title('English', info.englishTitle!),
@@ -185,6 +187,7 @@ class _ScrollCards extends StatelessWidget {
     required this.onTap,
     required this.onLongPress,
     this.trailingAction,
+    this.color,
   });
 
   final String title;
@@ -193,6 +196,7 @@ class _ScrollCards extends StatelessWidget {
   final void Function(int) onTap;
   final void Function(int) onLongPress;
   final Widget? trailingAction;
+  final Color? Function(int)? color;
 
   @override
   Widget build(BuildContext context) {
@@ -225,8 +229,12 @@ class _ScrollCards extends StatelessWidget {
                 onLongPress: () => onLongPress(i),
                 child: Card(
                   margin: const EdgeInsets.only(right: 10),
-                  child: Padding(
+                  child: Container(
                     padding: Consts.padding,
+                    decoration: BoxDecoration(
+                      borderRadius: Consts.borderRadiusMin,
+                      color: color != null ? color!(i) : null,
+                    ),
                     child: builder(context, i),
                   ),
                 ),
@@ -263,6 +271,26 @@ class _PlainScrollCards extends StatelessWidget {
   }
 }
 
+class _ExternalLinkScrollCards extends StatelessWidget {
+  const _ExternalLinkScrollCards({
+    required this.items,
+  });
+
+  final List<ExternalLink> items;
+
+  @override
+  Widget build(BuildContext context) {
+    return _ScrollCards(
+      title: "External Links",
+      itemCount: items.length,
+      onTap: (i) => Toast.launch(context, items[i].url),
+      onLongPress: (i) => Toast.copy(context, items[i].url),
+      builder: (context, i) => Text(items[i].site),
+      color: (i) => items[i].color,
+    );
+  }
+}
+
 class _TagScrollCards extends StatefulWidget {
   const _TagScrollCards(this.info, this.ref);
 

lib/modules/media/media_models.dart

@@ -1,3 +1,4 @@
+import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:otraku/modules/collection/collection_models.dart';
 import 'package:otraku/common/models/paged.dart';
@@ -308,6 +309,7 @@ class MediaInfo {
   final String? siteUrl;
   final String? countryOfOrigin;
   final bool isAdult;
+  final externalLinks = <ExternalLink>[];
 
   factory MediaInfo(Map<String, dynamic> map) {
     String? duration;
@@ -380,10 +382,33 @@ class MediaInfo {
       }
     }
 
+    if (map['externalLinks'] != null) {
+      for (final link in map['externalLinks']) {
+        model.externalLinks.add(ExternalLink(link));
+      }
+    }
+
     return model;
   }
 }
 
+class ExternalLink {
+  final String url;
+  final String site;
+  final Color? color;
+
+  ExternalLink._({required this.url, required this.site, required this.color});
+
+  factory ExternalLink(Map<String, dynamic> map) => ExternalLink._(
+        url: map['url'],
+        site: map['site'],
+        color: map['color'] != null
+            ? Color(
+                int.parse(map['color'].substring(1, 7), radix: 16) + 0x8C000000)
+            : null,
+      );
+}
+
 class MediaStats {
   MediaStats._();