a881a87f4d
A full Lab role, mirroring how Event Organizer was added: - kinds: SKATE_BARBER_KIND 35014, self-tag 'skatebarber', BARBER_*_LABELS, SkateBarber + parseSkateBarber (studio, books_open). - craft config at /become/barber (cyan accent, Sparkles icon), Lab tab 'Barbers', filter sections (services/styles/setting), empty state, FAB item. - Lab pipeline: useLabProfiles kind/tag/parser, LabPage ServiceType 'barbering' + ACCENT/maps/counts, CoachDetailPage per-role maps + studio & books-open block, LabLinkField label, growth stats + Community Stats card. - No crew-scene strip for barbers (LabCrewsStrip returns null). - Documented in NIP.md; smoke test now boots /become/barber.
289 lines
13 KiB
TypeScript
289 lines
13 KiB
TypeScript
import { lazy, type ComponentType, type LazyExoticComponent } from 'react';
|
|
import {
|
|
Palette, SprayCan, Music, Gavel, Brush, Dumbbell, Tent, Sparkles,
|
|
} from 'lucide-react';
|
|
import type { CraftFormConfig } from '@/components/CraftProfileForm';
|
|
import {
|
|
SKATE_ARTIST_KIND, ARTIST_SERVICE_LABELS, ARTIST_MEDIUM_LABELS, ARTIST_TOOL_LABELS,
|
|
SKATE_GRAFFITI_KIND, GRAFFITI_STYLE_LABELS, GRAFFITI_MEDIUM_LABELS, GRAFFITI_CONTEXT_LABELS,
|
|
SKATE_MUSICIAN_KIND, MUSICIAN_GENRE_LABELS, MUSICIAN_INSTRUMENT_LABELS,
|
|
SKATE_JUDGE_KIND, JUDGE_FORMAT_LABELS, JUDGE_SPECIALTY_LABELS, JUDGE_LEVEL_LABELS,
|
|
SKATE_ORGANIZER_KIND, ORGANIZER_EVENT_LABELS, ORGANIZER_SERVICE_LABELS, ORGANIZER_SCALE_LABELS,
|
|
SKATE_TATTOO_KIND, TATTOO_STYLE_LABELS, TATTOO_METHOD_LABELS,
|
|
SKATE_TRAINER_KIND, TRAINER_FOCUS_LABELS, TRAINER_INJURY_LABELS, TRAINER_CREDENTIAL_LABELS,
|
|
SKATE_BARBER_KIND, BARBER_SERVICE_LABELS, BARBER_STYLE_LABELS, BARBER_SETTING_LABELS,
|
|
} from '@/lib/types';
|
|
|
|
/**
|
|
* Single source of truth for every "become a …" role.
|
|
*
|
|
* There are two flavours:
|
|
* 1. `craft` roles — thin config over the shared <CraftProfileForm>. All the
|
|
* per-role difference lives here in data, not in 7 near-identical files.
|
|
* 2. `page` roles — genuinely bespoke pages (Coach, Filmer, Editor,
|
|
* Photographer, Skater, Builder) that carry extra machinery
|
|
* (SpotPicker, wallet/Pro logic, geohashing, etc.). Forcing these into a
|
|
* config would create a monster; instead they stay as their own lazy
|
|
* components and are simply *routed* through the same /become/:role slug.
|
|
*
|
|
* The router uses this map so the whole feature is one param route + redirects
|
|
* from the legacy /become-<slug> URLs, instead of 12 hardcoded route lines.
|
|
*/
|
|
|
|
interface CraftRole {
|
|
kind: 'craft';
|
|
seoTitle: string;
|
|
seoDescription: string;
|
|
config: CraftFormConfig;
|
|
}
|
|
|
|
interface PageRole {
|
|
kind: 'page';
|
|
/** Lazily-loaded bespoke page component (default export). */
|
|
component: LazyExoticComponent<ComponentType>;
|
|
}
|
|
|
|
export type BecomeRole = CraftRole | PageRole;
|
|
|
|
export const BECOME_ROLES: Record<string, BecomeRole> = {
|
|
// ── Bespoke pages (unchanged — just registered here for routing) ──
|
|
coach: { kind: 'page', component: lazy(() => import('@/pages/BecomeCoachPage')) },
|
|
filmer: { kind: 'page', component: lazy(() => import('@/pages/BecomeFilmerPage')) },
|
|
editor: { kind: 'page', component: lazy(() => import('@/pages/BecomeEditorPage')) },
|
|
photographer: { kind: 'page', component: lazy(() => import('@/pages/BecomePhotographerPage')) },
|
|
builder: { kind: 'page', component: lazy(() => import('@/pages/BecomeBuilderPage')) },
|
|
skater: { kind: 'page', component: lazy(() => import('@/pages/BecomeSkaterPage')) },
|
|
|
|
// ── Craft roles (data-driven over CraftProfileForm) ──
|
|
artist: {
|
|
kind: 'craft',
|
|
seoTitle: 'Become a Designer / Artist - SkateSpots',
|
|
seoDescription: 'List your skate design & art — board graphics, logos, posters, merch and more.',
|
|
config: {
|
|
kind: SKATE_ARTIST_KIND,
|
|
selfTag: 'skateartist',
|
|
identifier: 'artist-profile',
|
|
heading: 'Designer / Artist',
|
|
tagline: 'Board graphics, logos, posters, merch — put your art on the scene',
|
|
noun: 'artist',
|
|
accentText: 'text-fuchsia-400',
|
|
accentBg: 'bg-fuchsia-600',
|
|
accentChip: 'bg-fuchsia-600 text-white border-fuchsia-600',
|
|
accentChipHover: 'hover:border-fuchsia-500/60 hover:text-fuchsia-400',
|
|
icon: Palette,
|
|
rateLabel: 'Rate',
|
|
portfolioLabel: 'Portfolio / Shop link',
|
|
skillSections: [
|
|
{ title: 'What You Make', entries: Object.entries(ARTIST_SERVICE_LABELS), required: true },
|
|
{ title: 'Medium', entries: Object.entries(ARTIST_MEDIUM_LABELS) },
|
|
{ title: 'Software & Tools', entries: Object.entries(ARTIST_TOOL_LABELS) },
|
|
],
|
|
},
|
|
},
|
|
graffiti: {
|
|
kind: 'craft',
|
|
seoTitle: 'Offer Graffiti / Murals - SkateSpots',
|
|
seoDescription: 'List your graffiti & mural work — pieces, murals, skatepark art and more.',
|
|
config: {
|
|
kind: SKATE_GRAFFITI_KIND,
|
|
selfTag: 'skategraffiti',
|
|
identifier: 'graffiti-profile',
|
|
heading: 'Graffiti / Mural Artist',
|
|
tagline: 'Pieces, murals, skatepark art — paint the scene',
|
|
noun: 'graffiti artist',
|
|
accentText: 'text-lime-400',
|
|
accentBg: 'bg-lime-500',
|
|
accentChip: 'bg-lime-500 text-black border-lime-500',
|
|
accentChipHover: 'hover:border-lime-500/60 hover:text-lime-400',
|
|
icon: SprayCan,
|
|
rateLabel: 'Rate',
|
|
portfolioLabel: 'Portfolio link (IG, site)',
|
|
skillSections: [
|
|
{ title: 'Style', entries: Object.entries(GRAFFITI_STYLE_LABELS), required: true },
|
|
{ title: 'Medium', entries: Object.entries(GRAFFITI_MEDIUM_LABELS) },
|
|
{ title: 'Work Context', entries: Object.entries(GRAFFITI_CONTEXT_LABELS) },
|
|
],
|
|
extraFields: [
|
|
{ tag: 'crew', label: 'Graffiti Crew', placeholder: 'Your writing crew (optional)', helper: 'Separate from your skate crew — the writers you paint with.' },
|
|
],
|
|
},
|
|
},
|
|
musician: {
|
|
kind: 'craft',
|
|
seoTitle: 'Add a Music Profile - SkateSpots',
|
|
seoDescription: 'Skate and make music? List your band or solo project — genres, instruments and links.',
|
|
config: {
|
|
kind: SKATE_MUSICIAN_KIND,
|
|
selfTag: 'skatemusician',
|
|
identifier: 'musician-profile',
|
|
heading: 'Musician / Band',
|
|
tagline: 'Skate and make music? Get booked for demos, jams & after-parties',
|
|
noun: 'musician',
|
|
accentText: 'text-sky-400',
|
|
accentBg: 'bg-sky-500',
|
|
accentChip: 'bg-sky-500 text-white border-sky-500',
|
|
accentChipHover: 'hover:border-sky-500/60 hover:text-sky-400',
|
|
icon: Music,
|
|
rateLabel: 'Booking Rate',
|
|
portfolioLabel: 'Website / EPK link',
|
|
skillSections: [
|
|
{ title: 'Genre', entries: Object.entries(MUSICIAN_GENRE_LABELS), required: true },
|
|
{ title: 'Instruments & Role', entries: Object.entries(MUSICIAN_INSTRUMENT_LABELS) },
|
|
],
|
|
extraFields: [
|
|
{ tag: 'act', label: 'Act Type', placeholder: 'solo / band / dj / producer' },
|
|
{ tag: 'spotify', label: 'Spotify', type: 'url', placeholder: 'https://open.spotify.com/…' },
|
|
{ tag: 'bandcamp', label: 'Bandcamp', type: 'url', placeholder: 'https://…bandcamp.com' },
|
|
{ tag: 'soundcloud', label: 'SoundCloud', type: 'url', placeholder: 'https://soundcloud.com/…' },
|
|
{ tag: 'youtube', label: 'YouTube', type: 'url', placeholder: 'https://youtube.com/…' },
|
|
],
|
|
},
|
|
},
|
|
judge: {
|
|
kind: 'craft',
|
|
seoTitle: 'Judge Skate Events - SkateSpots',
|
|
seoDescription: 'List yourself as a skate event judge — Game of S.K.A.T.E., best trick jams, contests, am series and world tour stops. Get booked to run fair, credible events.',
|
|
config: {
|
|
kind: SKATE_JUDGE_KIND,
|
|
selfTag: 'skatejudge',
|
|
identifier: 'judge-profile',
|
|
heading: 'Skate Event Judge',
|
|
tagline: 'From flat-ground Game of S.K.A.T.E. to the World Destruction Tour — run it fair, run it credible',
|
|
noun: 'judge',
|
|
accentText: 'text-yellow-400',
|
|
accentBg: 'bg-yellow-500',
|
|
accentChip: 'bg-yellow-500 text-black border-yellow-500',
|
|
accentChipHover: 'hover:border-yellow-500/60 hover:text-yellow-400',
|
|
icon: Gavel,
|
|
rateLabel: 'Day Rate / Fee',
|
|
portfolioLabel: 'Results archive / profile link',
|
|
skillSections: [
|
|
{ title: 'Event Formats', entries: Object.entries(JUDGE_FORMAT_LABELS), required: true },
|
|
{ title: 'Specialty', entries: Object.entries(JUDGE_SPECIALTY_LABELS) },
|
|
{ title: 'Level / Circuit', entries: Object.entries(JUDGE_LEVEL_LABELS) },
|
|
],
|
|
extraFields: [
|
|
{ tag: 'events_judged', label: 'Events Judged', placeholder: 'e.g. 40+ contests, 3 World Tour stops', helper: 'Notable events, comps or tours you have officiated.' },
|
|
],
|
|
},
|
|
},
|
|
organizer: {
|
|
kind: 'craft',
|
|
seoTitle: 'Organize Skate Events - SkateSpots',
|
|
seoDescription: 'List yourself as a skate event organizer — street jams, best trick, contests, meetups, demos and tour stops. Get discovered and booked to run the session.',
|
|
config: {
|
|
kind: SKATE_ORGANIZER_KIND,
|
|
selfTag: 'skateorganizer',
|
|
identifier: 'organizer-profile',
|
|
heading: 'Event Organizer',
|
|
tagline: 'Jams, contests, meetups & demos — put on the session and bring the scene together',
|
|
noun: 'organizer',
|
|
accentText: 'text-teal-400',
|
|
accentBg: 'bg-teal-600',
|
|
accentChip: 'bg-teal-600 text-white border-teal-600',
|
|
accentChipHover: 'hover:border-teal-500/60 hover:text-teal-400',
|
|
icon: Tent,
|
|
rateLabel: 'Event Fee / Budget',
|
|
portfolioLabel: 'Past events / results link',
|
|
skillSections: [
|
|
{ title: 'Event Types', entries: Object.entries(ORGANIZER_EVENT_LABELS), required: true },
|
|
{ title: 'What You Handle', entries: Object.entries(ORGANIZER_SERVICE_LABELS) },
|
|
{ title: 'Scale', entries: Object.entries(ORGANIZER_SCALE_LABELS) },
|
|
],
|
|
extraFields: [
|
|
{ tag: 'events_hosted', label: 'Events Organized', placeholder: 'e.g. 25 jams, 3 city comps', helper: 'Notable events, comps or meetups you have run.' },
|
|
],
|
|
},
|
|
},
|
|
tattoo: {
|
|
kind: 'craft',
|
|
seoTitle: 'Become a Tattoo Artist - SkateSpots',
|
|
seoDescription: 'List your tattoo work for the skate scene — styles, flash, custom and more.',
|
|
config: {
|
|
kind: SKATE_TATTOO_KIND,
|
|
selfTag: 'skatetattoo',
|
|
identifier: 'tattoo-profile',
|
|
heading: 'Tattoo Artist',
|
|
tagline: 'Ink for the scene — flash, custom, fine line & more',
|
|
noun: 'tattoo artist',
|
|
accentText: 'text-rose-400',
|
|
accentBg: 'bg-rose-600',
|
|
accentChip: 'bg-rose-600 text-white border-rose-600',
|
|
accentChipHover: 'hover:border-rose-500/60 hover:text-rose-400',
|
|
icon: Brush,
|
|
rateLabel: 'Rate / Hourly',
|
|
portfolioLabel: 'Portfolio link (IG, site)',
|
|
skillSections: [
|
|
{ title: 'Styles', entries: Object.entries(TATTOO_STYLE_LABELS), required: true },
|
|
{ title: 'Method', entries: Object.entries(TATTOO_METHOD_LABELS) },
|
|
],
|
|
extraFields: [
|
|
{ tag: 'studio', label: 'Studio / Shop', placeholder: 'Studio name (optional)' },
|
|
{ tag: 'books_open', label: 'Books Open', type: 'toggle', helper: 'Are you currently taking bookings?' },
|
|
],
|
|
},
|
|
},
|
|
trainer: {
|
|
kind: 'craft',
|
|
seoTitle: 'Become a Trainer / Physio - SkateSpots',
|
|
seoDescription: 'Help skaters get strong and stay healthy — strength, mobility, injury prevention and recovery.',
|
|
config: {
|
|
kind: SKATE_TRAINER_KIND,
|
|
selfTag: 'skatetrainer',
|
|
identifier: 'trainer-profile',
|
|
heading: 'Trainer / Physio',
|
|
tagline: 'Strength, mobility, injury prevention & recovery for skaters',
|
|
noun: 'trainer',
|
|
accentText: 'text-emerald-400',
|
|
accentBg: 'bg-emerald-600',
|
|
accentChip: 'bg-emerald-600 text-white border-emerald-600',
|
|
accentChipHover: 'hover:border-emerald-500/60 hover:text-emerald-400',
|
|
icon: Dumbbell,
|
|
rateLabel: 'Rate / Session',
|
|
portfolioLabel: 'Profile / booking link',
|
|
skillSections: [
|
|
{ title: 'Focus', entries: Object.entries(TRAINER_FOCUS_LABELS), required: true },
|
|
{ title: 'Injuries You Work With', entries: Object.entries(TRAINER_INJURY_LABELS) },
|
|
{ title: 'Credentials & Setting', entries: Object.entries(TRAINER_CREDENTIAL_LABELS) },
|
|
],
|
|
extraFields: [
|
|
{ tag: 'credentials', label: 'Certifications', placeholder: 'e.g. BSc Physiotherapy, CSCS…', helper: 'List real qualifications — skaters trust verifiable credentials.' },
|
|
{ tag: 'remote', label: 'Remote / Online', type: 'toggle', helper: 'Do you offer online coaching or consultations?' },
|
|
],
|
|
},
|
|
},
|
|
barber: {
|
|
kind: 'craft',
|
|
seoTitle: 'Become a Barber / Hairstylist - SkateSpots',
|
|
seoDescription: 'List your barbershop or chair for the skate scene — cuts, fades, beard trims, colour and more. Get booked by skaters.',
|
|
config: {
|
|
kind: SKATE_BARBER_KIND,
|
|
selfTag: 'skatebarber',
|
|
identifier: 'barber-profile',
|
|
heading: 'Barber / Hairstylist',
|
|
tagline: 'Cuts, fades & beard trims for the scene — shop chair or mobile',
|
|
noun: 'barber',
|
|
accentText: 'text-cyan-400',
|
|
accentBg: 'bg-cyan-600',
|
|
accentChip: 'bg-cyan-600 text-white border-cyan-600',
|
|
accentChipHover: 'hover:border-cyan-500/60 hover:text-cyan-400',
|
|
icon: Sparkles,
|
|
rateLabel: 'Price / Cut',
|
|
portfolioLabel: 'Cuts gallery / IG link',
|
|
skillSections: [
|
|
{ title: 'What You Offer', entries: Object.entries(BARBER_SERVICE_LABELS), required: true },
|
|
{ title: 'Signature Styles', entries: Object.entries(BARBER_STYLE_LABELS) },
|
|
{ title: 'Setting', entries: Object.entries(BARBER_SETTING_LABELS) },
|
|
],
|
|
extraFields: [
|
|
{ tag: 'studio', label: 'Shop / Studio', placeholder: 'Shop or studio name (optional)' },
|
|
{ tag: 'books_open', label: 'Books Open', type: 'toggle', helper: 'Are you currently taking bookings?' },
|
|
],
|
|
},
|
|
},
|
|
};
|
|
|
|
export function getBecomeRole(slug: string | undefined): BecomeRole | undefined {
|
|
if (!slug) return undefined;
|
|
return BECOME_ROLES[slug.toLowerCase()];
|
|
}
|