Seazn/profit-planet-frontend
2
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: enhance styling for token refresh test page components

Browse Source
This commit is contained in:
seaznCode 2025-10-23 19:58:08 +02:00
parent d764532d24
commit 4e9ae3a826
1 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/app/test-refresh/page.tsx
View File

@ -57,15 +57,15 @@ export default function TestRefreshPage() {
} }
return ( return (
<div className="min-h-screen bg-gray-50 p-8"> <div className="min-h-screen bg-gray-50 p-8 text-black">
<div className="max-w-4xl mx-auto"> <div className="max-w-4xl mx-auto">
<h1 className="text-3xl font-bold mb-8">🧪 Token Refresh Test</h1> <h1 className="text-3xl font-bold mb-8 text-black">🧪 Token Refresh Test</h1>
<div className="grid gap-6"> <div className="grid gap-6">
{/* Token Status */} {/* Token Status */}
<div className="bg-white p-6 rounded-lg shadow"> <div className="bg-white p-6 rounded-lg shadow text-black">
<h2 className="text-xl font-semibold mb-4">🔑 Token Status</h2> <h2 className="text-xl font-semibold mb-4 text-black">🔑 Token Status</h2>
<div className="space-y-2 font-mono text-sm"> <div className="space-y-2 font-mono text-sm text-black">
<div>Has Token: <span className={tokenInfo.hasToken ? 'text-green-600' : 'text-red-600'}> <div>Has Token: <span className={tokenInfo.hasToken ? 'text-green-600' : 'text-red-600'}>
{tokenInfo.hasToken ? '✅ Yes' : '❌ No'} {tokenInfo.hasToken ? '✅ Yes' : '❌ No'}
</span></div> </span></div>
@ -86,16 +86,16 @@ export default function TestRefreshPage() {
</div> </div>
{/* User Info */} {/* User Info */}
<div className="bg-white p-6 rounded-lg shadow"> <div className="bg-white p-6 rounded-lg shadow text-black">
<h2 className="text-xl font-semibold mb-4">👤 User Info</h2> <h2 className="text-xl font-semibold mb-4 text-black">👤 User Info</h2>
<pre className="text-sm bg-gray-100 p-4 rounded overflow-auto"> <pre className="text-sm bg-gray-100 p-4 rounded overflow-auto text-black">
{JSON.stringify(user, null, 2)} {JSON.stringify(user, null, 2)}
</pre> </pre>
</div> </div>
{/* Manual Controls */} {/* Manual Controls */}
<div className="bg-white p-6 rounded-lg shadow"> <div className="bg-white p-6 rounded-lg shadow text-black">
<h2 className="text-xl font-semibold mb-4">🔧 Manual Controls</h2> <h2 className="text-xl font-semibold mb-4 text-black">🔧 Manual Controls</h2>
<div className="space-y-4"> <div className="space-y-4">
<button <button
onClick={handleManualRefresh} onClick={handleManualRefresh}
@ -104,15 +104,15 @@ export default function TestRefreshPage() {
🔄 Manual Refresh Token 🔄 Manual Refresh Token
</button> </button>
{refreshStatus && ( {refreshStatus && (
<div className="text-sm font-mono">{refreshStatus}</div> <div className="text-sm font-mono text-black">{refreshStatus}</div>
)} )}
</div> </div>
</div> </div>
{/* Instructions */} {/* Instructions */}
<div className="bg-yellow-50 border border-yellow-200 p-6 rounded-lg"> <div className="bg-yellow-50 border border-yellow-200 p-6 rounded-lg text-black">
<h2 className="text-xl font-semibold mb-4">📋 Testing Instructions</h2> <h2 className="text-xl font-semibold mb-4 text-black">📋 Testing Instructions</h2>
<ol className="list-decimal list-inside space-y-2 text-sm"> <ol className="list-decimal list-inside space-y-2 text-sm text-black">
<li>Make sure JWT_EXPIRES_IN=2m in backend .env for fast testing</li> <li>Make sure JWT_EXPIRES_IN=2m in backend .env for fast testing</li>
<li>Login and watch the countdown timer</li> <li>Login and watch the countdown timer</li>
<li>When time left ≤ 3 minutes, auto-refresh should trigger</li> <li>When time left ≤ 3 minutes, auto-refresh should trigger</li>