Changed jwt token expiry to 2hours and added minimal css to login page

Author: Vignesh-30

backend/user-service/src/auth/auth.service.ts

@@ -24,7 +24,7 @@ export class AuthService {
     console.log("PAYLOAD")
     console.log(payload);
     const tokenData = { sub: payload['sub'], email: payload['email'], name: payload['name'], picture: payload['picture'] }
-    const accessToken = await this.jwtService.signAsync(tokenData, { expiresIn: 60 });
+    const accessToken = await this.jwtService.signAsync(tokenData, { expiresIn: "2h" });
     console.log("THIS IS THE TOKEN ", accessToken);
     return {jwtToken: accessToken};
   }

frontend/src/App.css

@@ -1,38 +1,5 @@
 .App {
   text-align: center;
-}
-
-.App-logo {
-  height: 40vmin;
-  pointer-events: none;
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  .App-logo {
-    animation: App-logo-spin infinite 20s linear;
-  }
-}
-
-.App-header {
-  background-color: #282c34;
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  font-size: calc(10px + 2vmin);
+  background-color: black;
   color: white;
 }
-
-.App-link {
-  color: #61dafb;
-}
-
-@keyframes App-logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}

frontend/src/App.js

@@ -9,11 +9,13 @@ import { UserContextProvider } from './UserContextProvider';
 function App() {
   return (
     <UserContextProvider>
-      <Routes>
-        <Route path='/' element={<LoginPage />} />
-        <Route path='/login' element={<LoginPage />} />
-        <Route path='/profile' element={<ProfilePage />} />
-      </Routes>
+      <div class="App h-screen">
+        <Routes>
+          <Route path='/' element={<LoginPage />} />
+          <Route path='/login' element={<LoginPage />} />
+          <Route path='/profile' element={<ProfilePage />} />
+        </Routes>
+      </div>
     </UserContextProvider>
   );
 }

frontend/src/assets/loginPageImage.png

@@ -0,0 +1,7 @@
+
+.login {
+	color: white;
+	background-image: url('../assets/loginPageImage.png');
+	background-size: cover;
+}
+

frontend/src/css/LoginPage.css

@@ -3,7 +3,7 @@ import { UserContext } from "../UserContextProvider";
 import { useNavigate } from "react-router-dom";
 import { GoogleLogin } from "@react-oauth/google";
 import axios from 'axios';
-
+import '../css/LoginPage.css';
 
 export default function LoginPage() {
 	const { loggedIn, setToken } = useContext(UserContext);
@@ -29,12 +29,14 @@ export default function LoginPage() {
 	};
 
 	return (
-		<div>
-			<h1>Welcome to PeerPrep</h1>
-			<GoogleLogin
-				onSuccess={onSuccess}
-			// onError={onError}
-			/>
+		<div class="login flex flex-col items-center justify-center h-screen">
+			<div class="text-center">
+				<h1>Welcome to PeerPrep</h1>
+				<GoogleLogin
+					onSuccess={onSuccess}
+				// onError={onError}
+				/>
+			</div>
 		</div>
 	)
 };