diff --git a/frontend/src/pages/LoginSuccess.jsx b/frontend/src/pages/LoginSuccess.jsx
new file mode 100644
index 0000000..a70848a
--- /dev/null
+++ b/frontend/src/pages/LoginSuccess.jsx
@@ -0,0 +1,59 @@
+import { useEffect, useRef } from 'react';
+import { useNavigate, useSearchParams } from 'react-router-dom';
+import { useAuth } from '../contexts/AuthContext';
+
+export default function LoginSuccess() {
+ const navigate = useNavigate();
+ const [searchParams] = useSearchParams();
+ const { loginWithOAuth } = useAuth();
+ const hasProcessed = useRef(false);
+
+ useEffect(() => {
+ // Prevent multiple executions
+ if (hasProcessed.current) return;
+
+ const token = searchParams.get('token');
+ const userParam = searchParams.get('user');
+
+ console.log('Processing OAuth callback:', { token: !!token, userParam: !!userParam });
+
+ if (token && userParam) {
+ try {
+ hasProcessed.current = true;
+
+ const userData = JSON.parse(decodeURIComponent(userParam));
+ console.log('Parsed user data:', userData);
+
+ // Use the OAuth login method to update auth context
+ loginWithOAuth(userData, token);
+
+ // Small delay before navigation to ensure state is updated
+ setTimeout(() => {
+ navigate('/', { replace: true });
+ }, 100);
+
+ } catch (error) {
+ console.error('Error processing OAuth login:', error);
+ hasProcessed.current = true;
+ setTimeout(() => {
+ navigate('/login?error=invalid_data', { replace: true });
+ }, 100);
+ }
+ } else {
+ console.log('Missing token or user data');
+ hasProcessed.current = true;
+ setTimeout(() => {
+ navigate('/login?error=missing_data', { replace: true });
+ }, 100);
+ }
+ }, []); // Remove dependencies to prevent re-runs
+
+ return (
+
+
+
+
Finalisation de la connexion...
+
+
+ );
+}
diff --git a/frontend/src/pages/Register.jsx b/frontend/src/pages/Register.jsx
index 0ca5ff8..108081e 100644
--- a/frontend/src/pages/Register.jsx
+++ b/frontend/src/pages/Register.jsx
@@ -4,6 +4,7 @@ import { useAuth } from '../contexts/AuthContext';
import Navbar from '../components/Navbar';
import EmailVerificationModal from '../modals/EmailVerificationModal';
import { verifyEmail } from '../services/user.service';
+import GitHubLoginButton from '../components/GitHubLoginButton';
export default function Register() {
const [formData, setFormData] = useState({
@@ -236,6 +237,8 @@ export default function Register() {
+
+
Déjà un compte ?{' '}
diff --git a/frontend/src/routes/routes.jsx b/frontend/src/routes/routes.jsx
index 28d1f6a..0cde932 100644
--- a/frontend/src/routes/routes.jsx
+++ b/frontend/src/routes/routes.jsx
@@ -10,6 +10,7 @@ import AddVideo from "../pages/AddVideo.jsx";
import Search from "../pages/Search.jsx";
import Channel from "../pages/Channel.jsx";
import Playlist from "../pages/Playlist.jsx";
+import LoginSuccess from '../pages/LoginSuccess.jsx'
const routes = [
{ path: "/", element: },
@@ -88,6 +89,12 @@ const routes = [
)
+ },
+ {
+ path: "/login/success",
+ element: (
+
+ )
}
]
diff --git a/frontend/src/services/oauthService.js b/frontend/src/services/oauthService.js
new file mode 100644
index 0000000..b8d02b3
--- /dev/null
+++ b/frontend/src/services/oauthService.js
@@ -0,0 +1,36 @@
+const API_BASE_URL = import.meta.env.VITE_API_URL || 'https://localhost/api';
+
+export const oauthService = {
+ // Start GitHub OAuth flow
+ loginWithGitHub() {
+ window.location.href = `${API_BASE_URL}/oauth/github`;
+ },
+
+ // Get current user info using token
+ async getCurrentUser(token) {
+ const response = await fetch(`${API_BASE_URL}/oauth/me`, {
+ headers: {
+ 'Authorization': `Bearer ${token}`,
+ 'Content-Type': 'application/json',
+ },
+ });
+
+ if (!response.ok) {
+ throw new Error('Failed to get user info');
+ }
+
+ return response.json();
+ },
+
+ // Verify if token is still valid
+ async verifyToken(token) {
+ try {
+ const userInfo = await this.getCurrentUser(token);
+ return userInfo;
+ } catch (error) {
+ return null;
+ }
+ }
+};
+
+export default oauthService;