hh

backend/services/auth_service.py

@@ -42,7 +42,7 @@ def register_user(email: str, password: str) -> dict:
                 # Email confirmation is required
                 return {
                     'success': True,
-                    'message': 'Account created successfully! Please check your email for a confirmation link to activate your account.',
+                    'message': 'Check your mail to confirm your account',
                     'user': user.to_dict(),
                     'email_confirmed': False,
                     'requires_confirmation': True
@@ -97,7 +97,7 @@ def login_user(email: str, password: str, remember_me: bool = False) -> dict:
             if not response.user.email_confirmed_at:
                 return {
                     'success': False,
-                    'message': 'Please confirm your email before logging in. Check your inbox for the confirmation email.',
+                    'message': 'Check your mail to confirm your account',
                     'requires_confirmation': True
                 }
             
@@ -151,12 +151,12 @@ def login_user(email: str, password: str, remember_me: bool = False) -> dict:
         if 'invalid credentials' in error_str or 'unauthorized' in error_str:
             return {
                 'success': False,
-                'message': 'Invalid email or password. Please check your credentials and try again.'
+                'message': 'Password/email Incorrect'
             }
         elif 'email not confirmed' in error_str or 'email not verified' in error_str:
             return {
                 'success': False,
-                'message': 'Please confirm your email before logging in. Check your inbox for the confirmation email.',
+                'message': 'Check your mail to confirm your account',
                 'requires_confirmation': True
             }
         elif 'user not found' in error_str:

frontend/src/App.jsx

@@ -197,17 +197,10 @@ function App() {
     }
   }, []); // Empty dependency array to run only once
 
-  // Show loading state only while checking auth on initial load
-  if (isCheckingAuth) {
-    return (
-      <div className="loading">
-        <div className="auth-loading">
-          <div className="spinner"></div>
-          <p>Checking authentication...</p>
-        </div>
-      </div>
-    );
-  }
+  // Show a subtle auth checking indicator for protected routes while auth is being verified
+  // But don't block access to public routes
+  const isProtectedRoute = !isAuthRoute && !isCallbackRoute && location.pathname !== '/';
+  const showAuthChecking = isCheckingAuth && isProtectedRoute;
 
   return (
     <ErrorBoundary>
@@ -244,18 +237,28 @@ function App() {
         )}
 
         {/* Full-width layout without header/sidebar for Home/Auth/Callback */}
-        {(!isAuthenticated || isAuthRoute || isCallbackRoute || location.pathname === '/') ? (
+        {(showAuthChecking || !isAuthenticated || isAuthRoute || isCallbackRoute || location.pathname === '/') ? (
           <div className="content" id="main-content" tabIndex={-1}>
-            <Routes>
-              <Route path="/" element={
-                <Suspense fallback={<div className="mobile-loading-optimized">Loading...</div>}>
-                  <Home />
-                </Suspense>
-              } />
-              <Route path="/login" element={<Login />} />
-              <Route path="/register" element={<Register />} />
-              <Route path="/linkedin/callback" element={<LinkedInCallbackHandler />} />
-            </Routes>
+            {showAuthChecking ? (
+              // Subtle auth checking indicator for protected routes
+              <div className="flex items-center justify-center min-h-screen">
+                <div className="text-center">
+                  <div className="inline-block animate-spin rounded-full h-8 w-8 border-t-2 border-b-2 border-primary-500 mb-2"></div>
+                  <p className="text-gray-600 text-sm">Checking authentication...</p>
+                </div>
+              </div>
+            ) : (
+              <Routes>
+                <Route path="/" element={
+                  <Suspense fallback={<div className="mobile-loading-optimized">Loading...</div>}>
+                    <Home />
+                  </Suspense>
+                } />
+                <Route path="/login" element={<Login />} />
+                <Route path="/register" element={<Register />} />
+                <Route path="/linkedin/callback" element={<LinkedInCallbackHandler />} />
+              </Routes>
+            )}
           </div>
         ) : (
           <>

frontend/src/pages/Login.jsx

@@ -146,7 +146,13 @@ const Login = () => {
                 <svg className="w-4 h-4 sm:w-5 sm:h-5 text-red-500 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
                   <path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clipRule="evenodd" />
                 </svg>
-                <span className="text-red-700 text-xs sm:text-sm font-medium">{error}</span>
+                <span className="text-red-700 text-xs sm:text-sm font-medium">
+                  {error.includes('Email or password is incorrect') 
+                    ? 'Password/email Incorrect' 
+                    : error.includes('verify your email') 
+                    ? 'Check your mail to confirm your account' 
+                    : error}
+                </span>
               </div>
             </div>
           )}

frontend/src/pages/Register.jsx

@@ -144,7 +144,7 @@ const Register = () => {
                   <path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clipRule="evenodd" />
                 </svg>
                 <span className="text-green-700 text-xs sm:text-sm font-medium">
-                  Account created successfully! Please check your email for a confirmation link to activate your account.
+                  Check your mail to confirm your account
                 </span>
               </div>
             </div>
@@ -362,6 +362,13 @@ const Register = () => {
                 <span className="text-xs sm:text-sm">Create Account</span>
               )}
             </button>
+            
+            {/* Confirmation Message */}
+            {!error && !showSuccess && (
+              <div className="text-center text-xs sm:text-sm text-gray-600">
+                After registration, please check your email to confirm your account.
+              </div>
+            )}
           </form>
           
           

frontend/src/store/reducers/authSlice.js

@@ -465,9 +465,9 @@ const authSlice = createSlice({
             // Check for specific error types
             const errorMsg = errorPayload.message.toLowerCase();
             if (errorMsg.includes('email not confirmed') || errorMsg.includes('email not verified') || errorPayload.requires_confirmation) {
-              errorMessage = 'Please verify your email before logging in. Check your inbox for the confirmation email.';
+              errorMessage = 'Check your mail to confirm your account';
             } else if (errorMsg.includes('invalid credentials') || errorMsg.includes('invalid email') || errorMsg.includes('invalid password')) {
-              errorMessage = 'Email or password is incorrect. Please try again.';
+              errorMessage = 'Password/email Incorrect';
             } else if (errorMsg.includes('user not found')) {
               errorMessage = 'No account found with this email. Please check your email or register for a new account.';
             } else {