Create template files for adding login in web version

Author: ArturCharylo

web/src/components/LoginComponent.tsx

@@ -0,0 +1,46 @@
+// src/components/Login.tsx
+import { GoogleLogin } from '@react-oauth/google';
+import type { CredentialResponse } from '@react-oauth/google';
+import jwt_decode from 'jwt-decode';
+import axios from 'axios';
+
+const LoginComponent = () => {
+  const handleLogin = async (credentialResponse: CredentialResponse) => {
+    const token = credentialResponse.credential;
+    if (!token) return;
+
+    interface GoogleJwtPayload {
+      email?: string;
+      name?: string;
+      picture?: string;
+      sub?: string;
+    }
+
+    const decoded = jwt_decode<GoogleJwtPayload>(token);
+    console.log("Zalogowany użytkownik Google:", decoded);
+
+    try {
+      const res = await axios.post("http://localhost:8000/dj-rest-auth/google/", {
+        access_token: token,
+      });
+
+      const sessionToken = res.data.key;
+      sessionStorage.setItem("authToken", sessionToken);
+      alert("Zalogowano!");
+    } catch (error) {
+      console.error("Błąd podczas logowania przez Google:", error);
+    }
+  };
+
+  return (
+    <div>
+      <h2>Zaloguj się przez Google</h2>
+      <GoogleLogin
+        onSuccess={handleLogin}
+        onError={() => console.log("Błąd logowania Google")}
+      />
+    </div>
+  );
+};
+
+export default LoginComponent;

web/src/pages/Login.tsx

@@ -0,0 +1,12 @@
+import { GoogleOAuthProvider } from '@react-oauth/google';
+import Login from '../components/LoginComponent';
+
+const App = () => {
+  return (
+    <GoogleOAuthProvider clientId="453582868828-5coj2343a3k59i3rqc6frqk2a93oh86g.apps.googleusercontent.com">
+      <Login />
+    </GoogleOAuthProvider>
+  );
+};
+
+export default App;

web/src/pages/ToDo.py

@@ -0,0 +1,17 @@
+// src/routes/AppRouter.tsx
+import { BrowserRouter, Routes, Route } from "react-router-dom";
+import Home from "../App";
+import Login from "../pages/Login";
+
+const AppRouter = () => {
+  return (
+    <BrowserRouter>
+      <Routes>
+        <Route path="/" element={<Home />} />
+        <Route path="/login" element={<Login />} />
+      </Routes>
+    </BrowserRouter>
+  );
+};
+
+export default AppRouter;