5d0d5668d8
All checks were successful
Deploy to Production / deploy (push) Successful in 50s
- login: SMS step now has a 60-country dial-code <select> (CH default) and a national-number input, combined into strict E.164 client-side - marketing header: probe /v1/auth/me, show "Dashboard" when signed in instead of the Sign in / Start building CTAs - dashboard overview: drop the duplicate "+ New server" button, the navbar one is the single source Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
50 lines
1.4 KiB
TypeScript
50 lines
1.4 KiB
TypeScript
'use client';
|
|
|
|
import { apiFetch } from '@/lib/api';
|
|
import Link from 'next/link';
|
|
import { useEffect, useState } from 'react';
|
|
|
|
/**
|
|
* Marketing-header CTAs that reflect the session: a logged-in visitor sees a
|
|
* "Dashboard" link instead of the sign-in buttons. The session cookie is
|
|
* httpOnly, so login state is probed via /v1/auth/me.
|
|
*/
|
|
export function MarketingAuthButtons() {
|
|
const [authed, setAuthed] = useState<boolean | null>(null);
|
|
|
|
useEffect(() => {
|
|
apiFetch('/v1/auth/me')
|
|
.then(() => setAuthed(true))
|
|
.catch(() => setAuthed(false));
|
|
}, []);
|
|
|
|
if (authed) {
|
|
return (
|
|
<Link
|
|
href="/dashboard"
|
|
className="rounded-md bg-[--color-accent] px-3 py-1.5 text-[13px] font-medium text-white transition-colors duration-200 hover:bg-[#5557e8]"
|
|
>
|
|
Dashboard
|
|
</Link>
|
|
);
|
|
}
|
|
|
|
// Logged out — or still resolving — show the default sign-in CTAs.
|
|
return (
|
|
<>
|
|
<Link
|
|
href="/login"
|
|
className="hidden rounded-md px-3 py-1.5 text-[13px] text-[--color-fg-muted] transition-colors hover:text-[--color-fg] sm:block"
|
|
>
|
|
Sign in
|
|
</Link>
|
|
<Link
|
|
href="/login"
|
|
className="rounded-md bg-[--color-accent] px-3 py-1.5 text-[13px] font-medium text-white transition-colors duration-200 hover:bg-[#5557e8]"
|
|
>
|
|
Start building
|
|
</Link>
|
|
</>
|
|
);
|
|
}
|