import { OnboardingLeftPanel } from '@/components/onboarding-left-panel'; import { SkeletonDashboard } from '@/components/skeleton-dashboard'; import { cn } from '@/utils/cn'; import { PAGE_TITLES, createEntityTitle } from '@/utils/title'; import { Outlet, createFileRoute, redirect, useLocation, useMatchRoute, } from '@tanstack/react-router'; export const Route = createFileRoute('/_steps')({ component: OnboardingLayout, head: () => ({ meta: [{ title: createEntityTitle('Project', PAGE_TITLES.ONBOARDING) }], }), }); function OnboardingLayout() { return (
); } function Progress() { const steps = [ { name: 'Create project', match: '/onboarding/project', }, { name: 'Connect data', match: '/onboarding/$projectId/connect', }, { name: 'Verify', match: '/onboarding/$projectId/verify', }, ]; const matchRoute = useMatchRoute(); const currentStep = steps.find((step) => matchRoute({ // @ts-expect-error from: step.match, fuzzy: false, }), ); return (
{currentStep?.name ?? 'Onboarding'}
{steps.map((step) => (
))}
); }