adilallo
54 lines
1.2 KiB
TypeScript
54 lines
1.2 KiB
TypeScript
"use client";
|
|
|
|
import { notFound } from "next/navigation";
|
|
import { use } from "react";
|
|
import type { CreateFlowStep } from "../types";
|
|
|
|
interface PageProps {
|
|
params: Promise<{ step: string }>;
|
|
}
|
|
|
|
/**
|
|
* Valid step IDs for the create rule flow
|
|
*/
|
|
const VALID_STEPS: CreateFlowStep[] = [
|
|
"informational",
|
|
"text",
|
|
"select",
|
|
"upload",
|
|
"review",
|
|
"cards",
|
|
"right-rail",
|
|
"final-review",
|
|
"completed",
|
|
];
|
|
|
|
/**
|
|
* Dynamic route handler for create flow steps
|
|
*
|
|
* Handles all flow steps via dynamic routing: /create/[step]
|
|
* Validates step exists and renders appropriate template (placeholder for now)
|
|
*/
|
|
export default function CreateFlowStepPage({ params }: PageProps) {
|
|
const { step } = use(params);
|
|
|
|
// Validate step exists
|
|
if (!VALID_STEPS.includes(step as CreateFlowStep)) {
|
|
notFound();
|
|
}
|
|
|
|
// Placeholder content - templates will be implemented in CR-51-55
|
|
return (
|
|
<div className="flex-1 flex items-center justify-center">
|
|
<div className="text-center">
|
|
<h1 className="text-white text-2xl font-bold mb-4">
|
|
Create Flow Step: {step}
|
|
</h1>
|
|
<p className="text-gray-400">
|
|
Template implementation coming in CR-51 through CR-55
|
|
</p>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|