ssa/configucci
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: show validation warning description inline

Browse Source
This commit is contained in:
sokol
2026-02-20 17:17:11 +03:00
parent 1beb9f2026
commit 70e0545fef
1 changed files with 14 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/componets/content/Content.tsx
View File

@@ -17,6 +17,9 @@ export function Content({ config, env, onTemplateSaved }: ContentProps) {
// Validate placeholders for warning badge // Validate placeholders for warning badge
const missingPlaceholders = config.validatePlaceholders(); const missingPlaceholders = config.validatePlaceholders();
const hasValidationWarnings = missingPlaceholders.length > 0; const hasValidationWarnings = missingPlaceholders.length > 0;
const warningMessage = hasValidationWarnings
? `Missing params: ${missingPlaceholders.join(', ')}`
: '';
const tabs: Array<{ id: string; label: string; badge?: string | number; badgeVariant?: 'warning' | 'danger' }> = [ const tabs: Array<{ id: string; label: string; badge?: string | number; badgeVariant?: 'warning' | 'danger' }> = [
{ id: 'env', label: 'Env' }, { id: 'env', label: 'Env' },
@@ -33,7 +36,15 @@ export function Content({ config, env, onTemplateSaved }: ContentProps) {
return ( return (
<div className="bg-white rounded-xl shadow-lg border border-slate-200 overflow-hidden h-full flex flex-col"> <div className="bg-white rounded-xl shadow-lg border border-slate-200 overflow-hidden h-full flex flex-col">
<div className="flex-shrink-0"> <div className="flex-shrink-0">
<Tabs tabs={tabs} activeTab={activeTab} onChange={setActiveTab} /> <div className="flex items-center justify-between border-b border-slate-200 px-4 py-2">
<Tabs tabs={tabs} activeTab={activeTab} onChange={setActiveTab} />
{activeTab === 'template' && hasValidationWarnings && (
<div className="flex items-center gap-2 text-sm text-amber-600 bg-amber-50 px-3 py-1.5 rounded-lg">
<span className="font-medium">Warning:</span>
<span>{warningMessage}</span>
</div>
)}
</div>
</div> </div>
<div className="flex-1 overflow-y-auto p-4 min-h-0"> <div className="flex-1 overflow-y-auto p-4 min-h-0">