edde746
f1d4be70e2
Every tracker auth dialog (Trakt/Simkl/MDBList device-code and MAL/AniList OAuth proxy) now shares the same PendingAuthDialog affordances: a QR code for the sign-in URL, a large copyable URL with the scheme stripped, the browser launch button (hidden on Apple TV, which has no browser), and the polling spinner. On wide viewports (TV logical 960x540, desktop, phone landscape) the QR pane sits beside the instructions so the dialog no longer clips on tvOS, and the content is scrollable as an overflow safety net. Device activation codes scale down instead of wrapping.
71 lines
2.5 KiB
Dart
71 lines
2.5 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
|
|
import '../i18n/strings.g.dart';
|
|
import '../models/trackers/device_code.dart';
|
|
import '../utils/snackbar_helper.dart';
|
|
import 'pending_auth_dialog.dart';
|
|
|
|
/// Shared device-code activation dialog for Trakt, Simkl, and MDBList
|
|
/// (RFC 8628).
|
|
///
|
|
/// The [PendingAuthDialog] shell contributes the QR code (encoding the
|
|
/// code-prefilled verification URL when the service provides one), the
|
|
/// readable copyable verification URL, the browser launch button, and the
|
|
/// "waiting for authorization…" spinner; this dialog adds the `userCode` with
|
|
/// copy-to-clipboard. Dismissing calls [onCancel] so the provider can abort
|
|
/// the poll.
|
|
class DeviceCodeDialog extends StatelessWidget {
|
|
final DeviceCode code;
|
|
final String serviceName;
|
|
final VoidCallback onCancel;
|
|
|
|
const DeviceCodeDialog({super.key, required this.code, required this.serviceName, required this.onCancel});
|
|
|
|
Future<void> _copy(BuildContext context) async {
|
|
await Clipboard.setData(ClipboardData(text: code.userCode));
|
|
if (!context.mounted) return;
|
|
showAppSnackBar(context, t.services.deviceCode.codeCopied);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final theme = Theme.of(context);
|
|
return PendingAuthDialog(
|
|
title: t.services.deviceCode.title(service: serviceName),
|
|
body: t.services.deviceCode.instructions,
|
|
url: code.verificationUrlComplete ?? code.verificationUrl,
|
|
displayUrl: code.verificationUrl,
|
|
openLabel: t.services.deviceCode.openToActivate(service: serviceName),
|
|
onCancel: onCancel,
|
|
children: [
|
|
Center(
|
|
child: CopyTapRegion(
|
|
onCopy: () => _copy(context),
|
|
semanticLabel: t.services.deviceCode.copyCode,
|
|
semanticValue: code.userCode,
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
|
|
// Scale down instead of wrapping: user codes vary in length and
|
|
// a wrapped activation code reads as two codes.
|
|
child: FittedBox(
|
|
fit: BoxFit.scaleDown,
|
|
child: Text(
|
|
code.userCode,
|
|
maxLines: 1,
|
|
style: theme.textTheme.displaySmall?.copyWith(
|
|
fontFeatures: const [FontFeature.tabularFigures()],
|
|
letterSpacing: 4,
|
|
fontWeight: .w600,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: 16),
|
|
],
|
|
);
|
|
}
|
|
}
|