Frontend first draft

frontend/pweb/lib/pages/dashboard/buttons/balance/carousel.dart

@@ -0,0 +1,113 @@
+import 'package:flutter/material.dart';
+
+import 'package:provider/provider.dart';
+
+import 'package:pweb/models/wallet.dart';
+import 'package:pweb/pages/dashboard/buttons/balance/card.dart';
+import 'package:pweb/pages/dashboard/buttons/balance/config.dart';
+import 'package:pweb/pages/dashboard/buttons/balance/indicator.dart';
+import 'package:pweb/providers/carousel.dart';
+
+
+class WalletCarousel extends StatefulWidget {
+  final List<Wallet> wallets;
+  final ValueChanged<Wallet> onWalletChanged;
+
+  const WalletCarousel({
+    super.key,
+    required this.wallets,
+    required this.onWalletChanged,
+  });
+
+  @override
+  State<WalletCarousel> createState() => _WalletCarouselState();
+}
+
+class _WalletCarouselState extends State<WalletCarousel> {
+  late final PageController _pageController;
+  int _currentPage = 0;
+
+  @override
+  void initState() {
+    super.initState();
+    _pageController = PageController(
+      viewportFraction: WalletCardConfig.viewportFraction,
+    );
+  }
+
+  @override
+  void dispose() {
+    _pageController.dispose();
+    super.dispose();
+  }
+
+  void _onPageChanged(int index) {
+    setState(() {
+      _currentPage = index;
+    });
+    context.read<CarouselIndexProvider>().updateIndex(index);
+    widget.onWalletChanged(widget.wallets[index]);
+  }
+
+  void _goToPreviousPage() {
+    if (_currentPage > 0) {
+      _pageController.animateToPage(
+        _currentPage - 1,
+        duration: const Duration(milliseconds: 300),
+        curve: Curves.easeInOut,
+      );
+    }
+  }
+
+  void _goToNextPage() {
+    if (_currentPage < widget.wallets.length - 1) {
+      _pageController.animateToPage(
+        _currentPage + 1,
+        duration: const Duration(milliseconds: 300),
+        curve: Curves.easeInOut,
+      );
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        SizedBox(
+          height: WalletCardConfig.cardHeight,
+          child: PageView.builder(
+            controller: _pageController,
+            physics: const NeverScrollableScrollPhysics(),
+            itemCount: widget.wallets.length,
+            onPageChanged: _onPageChanged,
+            itemBuilder: (context, index) {
+              return Padding(
+                padding: WalletCardConfig.cardPadding,
+                child: WalletCard(wallet: widget.wallets[index]),
+              );
+            },
+          ),
+        ),
+        const SizedBox(height: 16),
+        Row(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            IconButton(
+              onPressed: _currentPage > 0 ? _goToPreviousPage : null,
+              icon: const Icon(Icons.arrow_back),
+            ),
+            const SizedBox(width: 16),
+            CarouselIndicator(itemCount: widget.wallets.length),
+            const SizedBox(width: 16),
+            IconButton(
+              onPressed: _currentPage < widget.wallets.length - 1 
+                  ? _goToNextPage 
+                  : null,
+              icon: const Icon(Icons.arrow_forward),
+            ),
+          ],
+        ),
+      ],
+    );
+  }
+}