First_Commit

project/src/pages/Login.jsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import { useAuth } from '../context/AuthContext';
 import { useNavigate } from 'react-router-dom';
 import { AlertTriangle } from 'lucide-react';
@@ -8,23 +8,39 @@ const Login = () => {
     const [error, setError] = useState('');
 
     const navigate = useNavigate();
-    const { loginWithO365 } = useAuth();
+    const { loginWithO365, isAuthorized, isLoading: authLoading } = useAuth();
+
+    const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
+
+    // ✅ AJOUT : Redirection automatique si déjà connecté (cas retour OAuth mobile)
+    useEffect(() => {
+        if (isAuthorized && !authLoading) {
+            console.log('✅ Utilisateur autorisé détecté, redirection vers dashboard...');
+            navigate('/dashboard', { replace: true });
+        }
+    }, [isAuthorized, authLoading, navigate]);
 
     const handleO365Login = async () => {
         setIsLoading(true);
         setError('');
 
         try {
-            const success = await loginWithO365();
+            if (isMobile) {
+                console.log('🔐 Redirection mobile vers Office 365...');
+                await loginWithO365();
+                // Ce code ne sera jamais atteint sur mobile car il y a une redirection
+            } else {
+                const success = await loginWithO365();
 
-            if (!success) {
-                setError("Erreur lors de la connexion Office 365");
-                setIsLoading(false);
-                return;
+                if (!success) {
+                    setError("Erreur lors de la connexion Office 365");
+                    setIsLoading(false);
+                    return;
+                }
+
+                navigate('/dashboard');
             }
 
-            navigate('/dashboard');
-
         } catch (error) {
             console.error('Erreur O365:', error);
 
@@ -32,14 +48,28 @@ const Login = () => {
                 setError('Accès refusé : Vous devez être membre d\'un groupe autorisé dans votre organisation.');
             } else if (error.message?.includes('AADSTS')) {
                 setError('Erreur d\'authentification Azure AD. Contactez votre administrateur.');
+            } else if (error.errorCode === 'user_cancelled') {
+                setError('Connexion annulée');
             } else {
                 setError(error.message || "Erreur lors de la connexion Office 365");
             }
-        }
 
-        setIsLoading(false);
+            setIsLoading(false);
+        }
     };
 
+    // ✅ AJOUT : Afficher un loader pendant la vérification de l'auth
+    if (authLoading) {
+        return (
+            <div className="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 flex items-center justify-center">
+                <div className="text-center">
+                    <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-cyan-600 mx-auto mb-4"></div>
+                    <p className="text-gray-600">Vérification de la connexion...</p>
+                </div>
+            </div>
+        );
+    }
+
     return (
         <div className="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 flex flex-col lg:flex-row">
             {/* Image côté gauche */}
@@ -120,4 +150,4 @@ const Login = () => {
     );
 };
 
-export default Login;
+export default Login;