serfowiandClaude Opus 5
176ba187c8
Everything now renders inside a phone illustration on the entry screen, with a five-tab bar. The frame lives in the root layout rather than one page, so sign-in, onboarding and the job form are inside it too. - Entry screen is the product running, not a marketing page: a live swipeable deck of real verified pros with a trade-filter strip above the card. deck.showcase is the only public procedure in that router and writes nothing, so an anonymous right swipe reaches no one. - Settings: notification preferences (new table, defaults returned when no row exists), signed-in devices, GDPR export, deletion request. Closes the setEmail finding: an unverified address is no longer written to users.email, which is UNIQUE -- claiming a stranger's address used to block them from ever signing up with Google, and the uniqueness error leaked whether an address was registered. Now parked in email_change_requests until a token proves ownership. - Profile: for a pro it leads with their REAL deck card, rendered by the same exported <Card> clients swipe, so the two cannot drift. Adds pro.previewCard (works at draft/pending, where publicProfile 404s) and pro.reorderMedia (photo position 0 is the deck card). Warns before an edit that would send a verified pro back for review, rather than after it silently drops them off the deck. Clients get a thin profile plus a route into pro onboarding -- supply is the launch blocker. - Dev login: +34600000000 / 000000, behind THREE guards (NODE_ENV, an explicit ALLOW_DEV_LOGIN flag, and an exact number match). It overwrites the stored code rather than skipping verification, so the real expiry, attempt cap and single-use consumption still apply. - Seed uses portrait photos. The cards previously showed picsum stock scenery -- a locksmith standing on a railway track. Fixes found along the way: the card's name rendered ink-950 navy on a dark photo because globals.css sets h1..h6 colour in @layer base, which beat the inherited text-white; and the card referenced --color-go-500, --border and --card, none of which exist, so the SEND JOB stamp had no colour. Also adds public/sw.js as a kill-switch: a service worker left registered on localhost:3000 by a different project was intercepting this app's chunks. typecheck, lint clean; 186 tests pass. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
40 lines
1.2 KiB
TypeScript
40 lines
1.2 KiB
TypeScript
import { redirect } from 'next/navigation';
|
|
import { getApi } from '@/server/caller';
|
|
import { BareShell } from '@/components/chrome/app-shell';
|
|
import { RoleChooser } from './role-chooser';
|
|
|
|
export const metadata = { title: 'Welcome' };
|
|
export const dynamic = 'force-dynamic';
|
|
|
|
/**
|
|
* Role selection.
|
|
*
|
|
* Google signup lands everyone on the `client` default, so a tradesperson would
|
|
* otherwise reach the customer deck with the wrong account type. Phone signup
|
|
* has the same problem. This is the fork.
|
|
*/
|
|
export default async function OnboardingPage() {
|
|
const api = await getApi();
|
|
|
|
let me: Awaited<ReturnType<typeof api.user.me>>;
|
|
try {
|
|
me = await api.user.me();
|
|
} catch {
|
|
redirect('/sign-in?next=/onboarding');
|
|
}
|
|
|
|
// Someone who already committed to a role does not need to see this again.
|
|
if (me.role === 'admin') redirect('/admin');
|
|
if (me.role === 'pro') redirect(me.hasProProfile ? '/pro' : '/pro/onboarding');
|
|
|
|
return (
|
|
<BareShell back>
|
|
<h1 className="text-h1">What brings you here?</h1>
|
|
<p className="mt-3 text-body text-muted">
|
|
You can only pick once, so choose the one that fits.
|
|
</p>
|
|
<RoleChooser />
|
|
</BareShell>
|
|
);
|
|
}
|