ajout page mon compte, design boff

2025-05-05 19:24:56 +02:00
parent 456d0bb4b8
commit 4c7ce27a0c
6 changed files with 457 additions and 72 deletions
--- a/em2rp/lib/views/widgets/image/profile_picture_selector.dart
+++ b/em2rp/lib/views/widgets/image/profile_picture_selector.dart
@ -0,0 +1,63 @@
+import 'package:flutter/material.dart';
+import 'package:image_picker/image_picker.dart';
+import 'package:provider/provider.dart';
+import 'package:em2rp/providers/local_user_provider.dart';
+import 'package:em2rp/views/widgets/image/profile_picture.dart';
+
+class ProfilePictureSelector extends StatefulWidget {
+  const ProfilePictureSelector({super.key});
+
+  @override
+  State<ProfilePictureSelector> createState() => _ProfilePictureSelectorState();
+}
+
+class _ProfilePictureSelectorState extends State<ProfilePictureSelector> {
+  bool _isHovering = false;
+
+  Future<void> _pickAndUploadImage() async {
+    final ImagePicker picker = ImagePicker();
+    final XFile? image = await picker.pickImage(source: ImageSource.gallery);
+    if (image != null) {
+      // Envoie l'image au provider
+      await Provider.of<LocalUserProvider>(context, listen: false)
+          .changeProfilePicture(image);
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final userProvider = Provider.of<LocalUserProvider>(context);
+    final String userId = userProvider.uid ?? '';
+
+    return MouseRegion(
+      onEnter: (_) => setState(() => _isHovering = true),
+      onExit: (_) => setState(() => _isHovering = false),
+      cursor: SystemMouseCursors.click,
+      child: GestureDetector(
+        onTap: _pickAndUploadImage,
+        child: Stack(
+          alignment: Alignment.center,
+          children: [
+            ProfilePictureWidget(userId: userId, radius: 80),
+            if (_isHovering)
+              Container(
+                width: 160,
+                height: 160,
+                decoration: BoxDecoration(
+                  color: Colors.black54,
+                  shape: BoxShape.circle,
+                ),
+                child: const Center(
+                  child: Icon(
+                    Icons.edit,
+                    size: 36,
+                    color: Colors.white,
+                  ),
+                ),
+              ),
+          ],
+        ),
+      ),
+    );
+  }
+}