diff --git a/src/components/Login.css b/src/components/Login.css
new file mode 100644
index 0000000..8df0622
--- /dev/null
+++ b/src/components/Login.css
@@ -0,0 +1,23 @@
+.login-container {
+ height: 100vh;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ background-color: #f0f4f8; /* Light background for better contrast */
+ }
+
+ .login-button {
+ background-color: #1e40af; /* Tailwind's blue-700 */
+ color: white;
+ padding: 12px 24px;
+ border: none;
+ border-radius: 8px;
+ font-size: 16px;
+ cursor: pointer;
+ transition: background-color 0.3s;
+ }
+
+ .login-button:hover {
+ background-color: #1d4ed8; /* Tailwind's blue-800 */
+ }
+
\ No newline at end of file
diff --git a/src/components/Login.jsx b/src/components/Login.jsx
new file mode 100644
index 0000000..33976be
--- /dev/null
+++ b/src/components/Login.jsx
@@ -0,0 +1,22 @@
+// Import necessary modules
+import { useAuth0 } from "@auth0/auth0-react";
+import React from "react";
+
+
+function Login() {
+ // Destructure the loginWithRedirect function from the useAuth0 hook
+ const { user, loginWithRedirect } = useAuth0();
+
+ console.log("Current User:", user); // Logs user info if authenticated
+
+ return (
+
+
+ {/* Button to trigger the login with Auth0 */}
+
+
+
+ );
+}
+
+export default Login;
diff --git a/src/main.jsx b/src/main.jsx
index b9a1a6d..581d023 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -1,10 +1,21 @@
import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
+import { Auth0Provider } from '@auth0/auth0-react';
import './index.css'
import App from './App.jsx'
createRoot(document.getElementById('root')).render(
+
+
-
- ,
-)
+
+
+,
+);
+
From 625461e316ecb52d0af3b77ecfba87969daf3986 Mon Sep 17 00:00:00 2001
From: vashujoshi <118829508+vashujoshi@users.noreply.github.com>
Date: Sat, 9 Nov 2024 22:36:42 +0530
Subject: [PATCH 2/2] modified login
---
src/components/Login.jsx | 23 ++++++++++++-----------
1 file changed, 12 insertions(+), 11 deletions(-)
diff --git a/src/components/Login.jsx b/src/components/Login.jsx
index 33976be..74000d9 100644
--- a/src/components/Login.jsx
+++ b/src/components/Login.jsx
@@ -1,22 +1,23 @@
-// Import necessary modules
-import { useAuth0 } from "@auth0/auth0-react";
-import React from "react";
+import { useAuth0 } from '@auth0/auth0-react';
function Login() {
- // Destructure the loginWithRedirect function from the useAuth0 hook
const { user, loginWithRedirect } = useAuth0();
-
- console.log("Current User:", user); // Logs user info if authenticated
+
+ console.log("Current User:", user);
return (
-