This repository has no description
fix again
author
damedotblog
date
(Apr 22, 2025, 3:02 PM -0400)
commit
b15ac9b9
b15ac9b9c7e5337e0bbddc698aefd83a7e68a9fa
parent
e5e827d1
e5e827d1814ba0775131f51284f5d11386e49218
+24
-11
+5
-4
src/components/Login/Login.css
+5
-4
src/components/Login/Login.css
···
61
61
transition: all 0.3s ease;
62
62
font-family: inherit;
63
63
text-align: center;
64
-
width: 100%;
65
64
box-sizing: border-box;
66
65
margin: 0;
67
66
}
···
119
118
}
120
119
121
120
.login-privacy-note {
122
-
font-size: 0.85em;
123
-
color: var(--text-muted, #6c757d);
124
-
margin-top: 10px;
121
+
color: var(--text-muted,#6c757d);
122
+
font-size: .85em;
125
123
text-align: center;
124
+
max-width: 250px;
125
+
margin: auto;
126
+
margin-top: 15px;
126
127
}
127
128
128
129
.login-status p {
+15
-4
src/components/ProtectedRoute.jsx
+15
-4
src/components/ProtectedRoute.jsx
···
1
1
import React, { useEffect } from 'react';
2
-
import { Navigate, useLocation } from 'react-router-dom';
2
+
import { Navigate, useLocation, useNavigate } from 'react-router-dom';
3
3
import { useAuth } from '../contexts/AuthContext';
4
4
5
5
const ProtectedRoute = ({ children }) => {
6
6
const { isAuthenticated, loading, session } = useAuth();
7
7
const location = useLocation();
8
+
const navigate = useNavigate();
8
9
10
+
// Detailed status logging
9
11
useEffect(() => {
10
-
console.log('ProtectedRoute:', {
12
+
console.log('ProtectedRoute status:', {
11
13
isAuthenticated,
12
14
loading,
13
15
hasDid: session?.did ? true : false,
···
15
17
});
16
18
}, [isAuthenticated, loading, session, location]);
17
19
20
+
// Force navigation when not authenticated and not loading
21
+
useEffect(() => {
22
+
if (!loading && !isAuthenticated) {
23
+
console.log('ProtectedRoute: Not authenticated, redirecting via useEffect hook');
24
+
const redirectUrl = `/login?returnUrl=${encodeURIComponent(location.pathname + location.search)}`;
25
+
navigate(redirectUrl, { replace: true });
26
+
}
27
+
}, [isAuthenticated, loading, navigate, location]);
28
+
18
29
// Only show loading state when actively checking auth
19
30
if (loading) {
20
31
console.log('ProtectedRoute: Auth is still loading');
21
32
return <div>Checking authentication status...</div>;
22
33
}
23
34
24
-
// If not authenticated, redirect to login
35
+
// If not authenticated, redirect with Navigate component as backup
25
36
if (!isAuthenticated) {
26
-
console.log('ProtectedRoute: Not authenticated, redirecting to login');
37
+
console.log('ProtectedRoute: Not authenticated, redirecting with Navigate component');
27
38
return <Navigate to={`/login?returnUrl=${encodeURIComponent(location.pathname + location.search)}`} replace />;
28
39
}
29
40
+4
src/components/Verifier/Verifier.css
+4
src/components/Verifier/Verifier.css
-3
src/components/Verifier/Verifier.js
-3
src/components/Verifier/Verifier.js
···
642
642
643
643
if (isAuthLoading) return <p>Loading authentication...</p>;
644
644
if (authError) return <p>Authentication Error: {authError}. <a href="/login">Please login</a>.</p>;
645
-
if (!session && !isAuthLoading && !authError) {
646
-
return (<div className="verifier-container"><h1>Bluesky Verifier Tool</h1><p>Please <a href="/login">login with Bluesky</a> to use the verifier tool.</p></div>);
647
-
}
648
645
649
646
const isAnyOperationInProgress = isVerifying || isRevoking || isLoadingVerifications || isLoadingNetwork || isCheckingValidity;
650
647