diff --git a/src/components/ui/form-field-wrapper.tsx b/src/components/ui/form-field-wrapper.tsx index 25459c8e..cb9e1e61 100644 --- a/src/components/ui/form-field-wrapper.tsx +++ b/src/components/ui/form-field-wrapper.tsx @@ -5,6 +5,7 @@ import { Label } from "@/components/ui/label"; import { TermTooltip } from "@/components/ui/term-tooltip"; import { fieldHints } from "@/lib/enhancedValidation"; import { cn } from "@/lib/utils"; +import { CheckCircle2, AlertCircle } from "lucide-react"; /** * Field types that automatically get hints and terminology support @@ -201,6 +202,11 @@ export function FormFieldWrapper({ const showCharCount = isTextarea && maxLength && typeof value === 'string'; const charCount = typeof value === 'string' ? value.length : 0; + // Determine validation state + const hasValue = value !== undefined && value !== null && value !== ''; + const isValid = !error && hasValue; + const hasError = !!error; + return (