♻️ Use system browser for OIDC

assets/i18n/en-US.json

@@ -162,6 +162,7 @@
     "accountConnectionProviderGithub": "GitHub",
     "accountConnectionProviderDiscord": "Discord",
     "accountConnectionProviderAfdian": "Afdian",
+    "accountConnectionProviderSpotify": "Spotify",
     "checkIn": "Check In",
     "checkInNone": "Not checked-in yet",
     "checkInNoneHint": "Get your fortune tips and daily rewards by checking in.",

lib/screens/account/me/settings_connections.dart

@@ -1,5 +1,4 @@
 import 'package:easy_localization/easy_localization.dart';
-import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_hooks/flutter_hooks.dart';
 import 'package:flutter_svg/flutter_svg.dart';
@@ -9,7 +8,6 @@ import 'package:island/models/auth.dart';
 import 'package:island/pods/config.dart';
 import 'package:island/pods/network.dart';
 import 'package:island/screens/account/me/account_settings.dart';
-import 'package:island/screens/auth/oidc.native.dart';
 import 'package:island/utils/text.dart';
 import 'package:island/services/time.dart';
 import 'package:island/widgets/alert.dart';
@@ -38,6 +36,13 @@ Widget getProviderIcon(String provider, {double size = 24, Color? color}) {
         height: size,
         color: color,
       );
+    case 'spotify':
+      return Image.asset(
+        'assets/images/oidc/spotify.png',
+        width: size,
+        height: size,
+        color: color,
+      );
     default:
       return Icon(Symbols.link, size: size);
   }
@@ -57,6 +62,8 @@ String getLocalizedProviderName(String provider) {
       return 'accountConnectionProviderDiscord'.tr();
     case 'afdian':
       return 'accountConnectionProviderAfdian'.tr();
+    case 'spotify':
+      return 'accountConnectionProviderSpotify'.tr();
     default:
       return provider;
   }
@@ -156,6 +163,7 @@ class AccountConnectionNewSheet extends HookConsumerWidget {
       'github',
       'discord',
       'afdian',
+      'spotify',
     ];
 
     Future<void> addConnection() async {
@@ -196,25 +204,13 @@ class AccountConnectionNewSheet extends HookConsumerWidget {
         case 'github':
         case 'discord':
         case 'afdian':
-          if (kIsWeb) {
-            final serverUrl = ref.watch(serverUrlProvider);
-            final accessToken = ref.watch(tokenProvider);
-            launchUrlString(
-              '$serverUrl/pass/auth/login/${selectedProvider.value}?tk=${accessToken!.token}',
-            );
-          } else {
-            await Navigator.of(context, rootNavigator: true).push(
-              MaterialPageRoute(
-                builder:
-                    (context) => OidcScreen(
-                      provider: selectedProvider.value.toLowerCase(),
-                      title:
-                          'Connect with ${selectedProvider.value.capitalizeEachWord()}',
-                    ),
-              ),
-            );
-            if (context.mounted) Navigator.pop(context, true);
-          }
+        case 'spotify':
+          final serverUrl = ref.watch(serverUrlProvider);
+          final accessToken = ref.watch(tokenProvider);
+          launchUrlString(
+            '$serverUrl/pass/auth/login/${selectedProvider.value}?tk=${accessToken!.token}',
+          );
+          if (context.mounted) Navigator.pop(context, true);
           break;
         default:
           showSnackBar('accountConnectionAddError'.tr());