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(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!),
@@ -263,6 +265,36 @@ class _PlainScrollCards extends StatelessWidget {
   }
 }
 
+class _ExternalLinkScrollCards extends StatelessWidget {
+  const _ExternalLinkScrollCards(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) => Row(
+        children: [
+          if (items[i].color != null)
+            Container(
+              padding: Consts.padding,
+              margin: const EdgeInsets.only(right: 10),
+              decoration: BoxDecoration(
+                borderRadius: Consts.borderRadiusMin,
+                color: items[i].color,
+              ),
+            ),
+          Text(items[i].site)
+        ],
+      ),
+    );
+  }
+}
+
 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 {
+  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) + 0xFF000000)
+            : null,
+      );
+
+  final String url;
+  final String site;
+  final Color? color;
+}
+
 class MediaStats {
   MediaStats._();