129 lines
4.0 KiB
Dart
129 lines
4.0 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:lottie/lottie.dart';
|
|
import 'package:tugas_akhir_supabase/services/session_manager.dart';
|
|
|
|
class SessionExpiredDialog extends StatelessWidget {
|
|
const SessionExpiredDialog({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
// Ensure we have a MaterialLocalizations
|
|
if (Localizations.of<MaterialLocalizations>(
|
|
context,
|
|
MaterialLocalizations,
|
|
) ==
|
|
null) {
|
|
// If no MaterialLocalizations, return a simpler dialog
|
|
return AlertDialog(
|
|
title: const Text('Sesi Berakhir'),
|
|
content: const Text('Sesi Anda telah berakhir. Silakan login kembali.'),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => _handleLoginRedirect(context),
|
|
child: const Text('Login'),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
return Dialog(
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
|
|
elevation: 0,
|
|
backgroundColor: Colors.transparent,
|
|
child: Container(
|
|
padding: const EdgeInsets.all(20),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.circular(20),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: Colors.black.withOpacity(0.1),
|
|
spreadRadius: 5,
|
|
blurRadius: 15,
|
|
offset: const Offset(0, 3),
|
|
),
|
|
],
|
|
),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
// Use a try-catch for the Lottie animation in case it fails
|
|
_buildSessionExpiredAnimation(),
|
|
const SizedBox(height: 20),
|
|
const Text(
|
|
'Sesi Anda Telah Berakhir',
|
|
style: TextStyle(
|
|
fontSize: 24,
|
|
fontWeight: FontWeight.bold,
|
|
color: Color(0xFF056839),
|
|
),
|
|
),
|
|
const SizedBox(height: 15),
|
|
Text(
|
|
'Untuk keamanan akun Anda, sesi telah berakhir karena tidak ada aktivitas selama ${SessionManager.getSessionTimeout()} menit.',
|
|
textAlign: TextAlign.center,
|
|
style: const TextStyle(fontSize: 16, color: Colors.black87),
|
|
),
|
|
const SizedBox(height: 25),
|
|
ElevatedButton(
|
|
onPressed: () => _handleLoginRedirect(context),
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: const Color(0xFF056839),
|
|
foregroundColor: Colors.white,
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 40,
|
|
vertical: 15,
|
|
),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(30),
|
|
),
|
|
elevation: 2,
|
|
),
|
|
child: const Text(
|
|
'Login Kembali',
|
|
style: TextStyle(fontSize: 16, fontWeight: FontWeight.w600),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildSessionExpiredAnimation() {
|
|
try {
|
|
return Lottie.asset(
|
|
'assets/animations/session_expired.json',
|
|
width: 150,
|
|
height: 150,
|
|
repeat: true,
|
|
fit: BoxFit.contain,
|
|
);
|
|
} catch (e) {
|
|
// Fallback if Lottie animation fails
|
|
return const Icon(Icons.timer_off, size: 80, color: Color(0xFF056839));
|
|
}
|
|
}
|
|
|
|
Future<void> _handleLoginRedirect(BuildContext context) async {
|
|
try {
|
|
// Clear session data properly
|
|
await SessionManager.clearSession();
|
|
|
|
if (!context.mounted) return;
|
|
|
|
// Use rootNavigator to ensure we get out of any nested navigators
|
|
Navigator.of(
|
|
context,
|
|
rootNavigator: true,
|
|
).pushNamedAndRemoveUntil('/login', (route) => false);
|
|
} catch (e) {
|
|
debugPrint('Session: Error during login redirect: $e');
|
|
// Try a different approach if the first fails
|
|
if (context.mounted) {
|
|
Navigator.of(context).pushReplacementNamed('/login');
|
|
}
|
|
}
|
|
}
|
|
}
|