Absolute garbage, trying to forward JWT, bad idea
This commit is contained in:
@@ -5,27 +5,10 @@ import {useEffect, useState} from "react";
|
||||
|
||||
export default function Home() {
|
||||
const { user, error, isLoading } = useUser();
|
||||
const [accessToken, setAccessToken] = useState(null);
|
||||
|
||||
useEffect(() => {
|
||||
const fetchAccessToken = async () => {
|
||||
if (user) {
|
||||
try {
|
||||
const response = await fetch('/auth/access-token');
|
||||
if (response.ok) {
|
||||
const tokenData = await response.text();
|
||||
setAccessToken(tokenData);
|
||||
} else {
|
||||
setAccessToken('Token not available');
|
||||
}
|
||||
} catch (error) {
|
||||
setAccessToken('Error fetching token');
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
fetchAccessToken().then(r => console.log(r));
|
||||
}, [user]);
|
||||
async function checkValidity() {
|
||||
const check = await fetch('https://impr.ink/auth/sync', {method: 'POST'});
|
||||
}
|
||||
|
||||
if (isLoading) {
|
||||
return (
|
||||
@@ -131,15 +114,6 @@ export default function Home() {
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
<div>
|
||||
<label
|
||||
className="text-purple-300 text-xs font-semibold uppercase tracking-wider">Access
|
||||
Token</label>
|
||||
<div
|
||||
className="text-white/80 text-xs mt-1 p-2 bg-black/30 rounded-lg border border-white/10 font-mono break-all max-h-24 overflow-auto">
|
||||
{accessToken}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
@@ -160,11 +134,22 @@ export default function Home() {
|
||||
</div>
|
||||
|
||||
<div className="flex justify-center">
|
||||
<a
|
||||
onClick={() => checkValidity()}
|
||||
className="group relative px-6 py-3 bg-gradient-to-r from-red-500 to-pink-500 rounded-xl font-bold text-white shadow-2xl hover:shadow-red-500/25 transition-all duration-300 hover:scale-105 active:scale-95"
|
||||
>
|
||||
<div
|
||||
className="absolute inset-0 bg-gradient-to-r from-red-600 to-pink-600 rounded-xl opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
|
||||
<span className="relative flex items-center gap-2">
|
||||
Check
|
||||
</span>
|
||||
</a>
|
||||
<a
|
||||
href="/auth/logout"
|
||||
className="group relative px-6 py-3 bg-gradient-to-r from-red-500 to-pink-500 rounded-xl font-bold text-white shadow-2xl hover:shadow-red-500/25 transition-all duration-300 hover:scale-105 active:scale-95"
|
||||
>
|
||||
<div className="absolute inset-0 bg-gradient-to-r from-red-600 to-pink-600 rounded-xl opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
|
||||
<div
|
||||
className="absolute inset-0 bg-gradient-to-r from-red-600 to-pink-600 rounded-xl opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
|
||||
<span className="relative flex items-center gap-2">
|
||||
Sign Out
|
||||
</span>
|
||||
|
||||
Reference in New Issue
Block a user