feat(frontend): add student identification screen as entry point

2026-07-06 11:25:40 +02:00
parent e492220af4
commit 97faf3e9ee
6 changed files with 287 additions and 23 deletions
@@ -0,0 +1,76 @@
+import "package:flutter/material.dart";
+import "package:google_fonts/google_fonts.dart";
+import "../theme/ensup_colors.dart";
+
+/// Option d'identification de l'écran de connexion (QR ou mail ENSUP).
+class IdentificationOption extends StatelessWidget {
+  const IdentificationOption({
+    super.key,
+    required this.icon,
+    required this.iconColor,
+    required this.label,
+    required this.description,
+    this.onTap,
+  });
+
+  final IconData icon;
+  final Color iconColor;
+  final String label;
+  final String description;
+  final VoidCallback? onTap;
+
+  @override
+  Widget build(BuildContext context) {
+    return InkWell(
+      onTap: onTap,
+      borderRadius: BorderRadius.circular(12),
+      child: Container(
+        padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 18),
+        decoration: BoxDecoration(
+          color: Colors.white,
+          borderRadius: BorderRadius.circular(12),
+          border: Border.all(color: EnsupColors.line, width: 2),
+        ),
+        child: Row(
+          children: [
+            Container(
+              width: 48,
+              height: 48,
+              decoration: BoxDecoration(
+                color: iconColor.withValues(alpha: 0.1),
+                borderRadius: BorderRadius.circular(12),
+              ),
+              child: Icon(icon, color: iconColor, size: 24),
+            ),
+            const SizedBox(width: 16),
+            Expanded(
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Text(
+                    label,
+                    style: GoogleFonts.darkerGrotesque(
+                      fontWeight: FontWeight.w700,
+                      fontSize: 18,
+                      color: EnsupColors.text,
+                    ),
+                  ),
+                  const SizedBox(height: 3),
+                  Text(
+                    description,
+                    style: GoogleFonts.titilliumWeb(
+                      fontSize: 12,
+                      color: EnsupColors.muted,
+                      height: 1.4,
+                    ),
+                  ),
+                ],
+              ),
+            ),
+            const Icon(Icons.chevron_right, color: EnsupColors.muted, size: 20),
+          ],
+        ),
+      ),
+    );
+  }
+}