diff --git a/src/components/workflow/CreateRequest/TemplateSelectionStep.tsx b/src/components/workflow/CreateRequest/TemplateSelectionStep.tsx index ad611d2..48d6b26 100644 --- a/src/components/workflow/CreateRequest/TemplateSelectionStep.tsx +++ b/src/components/workflow/CreateRequest/TemplateSelectionStep.tsx @@ -59,23 +59,29 @@ export function TemplateSelectionStep({ className="w-full max-w-6xl grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-8" data-testid="template-selection-grid" > - {templates.map((template) => ( - - onSelectTemplate(template)} - data-testid={`template-card-${template.id}-clickable`} + {templates.map((template) => { + const isComingSoon = template.id === 'existing-template'; + const isDisabled = isComingSoon; + + return ( + + onSelectTemplate(template) : undefined} + data-testid={`template-card-${template.id}-clickable`} + >
- - {template.name} - +
+ + {template.name} + + {isComingSoon && ( + + Coming Soon + + )} +
{template.category} @@ -140,7 +157,8 @@ export function TemplateSelectionStep({ - ))} + ); + })}
{/* Template Details Card */}