84 lines
3.1 KiB
Dart
84 lines
3.1 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
|
import '../../../core/network/api_client.dart';
|
|
import '../../../core/theme/app_theme.dart';
|
|
import '../../../core/widgets/shimmer_loading.dart';
|
|
import '../cubit/favorites_cubit.dart';
|
|
import '../widgets/watchlist_card.dart';
|
|
|
|
/// User-bound Watchlist Grid screen with multi-device sync and real-time status.
|
|
class FavoritesScreen extends StatelessWidget {
|
|
final ApiClient apiClient;
|
|
|
|
const FavoritesScreen({
|
|
super.key,
|
|
required this.apiClient,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final activeTheme = AppTheme.activePreset;
|
|
|
|
return Scaffold(
|
|
body: Padding(
|
|
padding: const EdgeInsets.all(20),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text('Meine Watchlist & Favoriten', style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold, color: activeTheme.textPrimary)),
|
|
const SizedBox(height: 4),
|
|
Text('Synchronisiert über alle Geräte hinweg.', style: TextStyle(color: activeTheme.textMuted, fontSize: 13)),
|
|
const SizedBox(height: 16),
|
|
Expanded(
|
|
child: BlocBuilder<FavoritesCubit, FavoritesState>(
|
|
builder: (context, state) {
|
|
if (state.isLoading && state.favoriteDetails.isEmpty) {
|
|
return GridView.builder(
|
|
gridDelegate: const SliverGridDelegateWithMaxCrossAxisExtent(
|
|
maxCrossAxisExtent: 260,
|
|
mainAxisExtent: 140,
|
|
crossAxisSpacing: 16,
|
|
mainAxisSpacing: 16,
|
|
),
|
|
itemCount: 6,
|
|
itemBuilder: (context, index) => ShimmerLoading(width: 260, height: 140),
|
|
);
|
|
}
|
|
|
|
final favorites = state.favoriteDetails;
|
|
if (favorites.isEmpty) {
|
|
return Center(
|
|
child: Text(
|
|
'Noch keine Favoriten gespeichert.\nFüge Wertpapiere über die Suchleiste oder Asset-Karten hinzu.',
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(color: activeTheme.textMuted, height: 1.4),
|
|
),
|
|
);
|
|
}
|
|
|
|
return GridView.builder(
|
|
gridDelegate: const SliverGridDelegateWithMaxCrossAxisExtent(
|
|
maxCrossAxisExtent: 260,
|
|
mainAxisExtent: 140,
|
|
crossAxisSpacing: 16,
|
|
mainAxisSpacing: 16,
|
|
),
|
|
itemCount: favorites.length,
|
|
itemBuilder: (context, index) {
|
|
final asset = favorites[index];
|
|
return WatchlistCard(
|
|
asset: asset,
|
|
apiClient: apiClient,
|
|
);
|
|
},
|
|
);
|
|
},
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|