mirror of
https://github.com/johndoe6345789/low-code-react-app-b.git
synced 2026-04-24 13:44:54 +00:00
Migration complete for: - 5 atoms: Accordion, CopyButton, FileUpload, FilterInput, Image, Input, PasswordInput, Popover (8 total) - 1 molecule: BindingEditor Changes: - Deleted 9 legacy TSX files that have complete JSON equivalents - Exported BindingEditor from json-components.ts with useBindingEditor hook - Registered useBindingEditor in hooks-registry.ts - Updated all imports across codebase to use JSON-based components - Fixed build errors: schema-loader dynamic import, DataSourceGroupSection - Cleaned up component index exports Build status: ✅ PASSING - 0 TypeScript errors - All 9,408 modules transformed successfully - No blocking build warnings Next steps: - 3 organisms still need conversion: DataSourceManager, NavigationMenu, TreeListPanel - 120+ additional components have TSX versions (need individual migration) - 22 JSON components now available for use throughout the app Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
21 lines
617 B
TypeScript
21 lines
617 B
TypeScript
import { Card, CardContent } from '@/components/ui/card'
|
|
import { Badge } from '@/components/ui/badge'
|
|
|
|
interface DetailRowProps {
|
|
icon: React.ReactNode
|
|
label: string
|
|
value: number
|
|
}
|
|
|
|
export function DetailRow({ icon, label, value }: DetailRowProps) {
|
|
return (
|
|
<div className="flex items-center justify-between py-2 border-b border-border last:border-0">
|
|
<div className="flex items-center gap-2">
|
|
<span className="text-muted-foreground">{icon}</span>
|
|
<span className="text-sm font-medium">{label}</span>
|
|
</div>
|
|
<Badge variant="secondary">{value}</Badge>
|
|
</div>
|
|
)
|
|
}
|