feat(projects): claimed-vs-verified scope-variance badge

2026-05-29 17:49:58 +05:30
parent 6c5d9ea5e8
commit c068106679
1 changed files with 10 additions and 0 deletions
@@ -512,6 +512,16 @@ const OwnerProjectDetail = () => {
                                {project.projectType}
                            </h1>
                            <p className="text-zinc-500 dark:text-zinc-400 mt-1 text-sm">{project.address}</p>
+                            {project.scopeVariance && project.reportedScope && project.verifiedScope && (
+                                <div className="mt-3 inline-flex items-start gap-2 px-3 py-2 rounded-lg bg-amber-50 dark:bg-amber-500/10 border border-amber-200 dark:border-amber-500/30 text-amber-700 dark:text-amber-400 max-w-xl">
+                                    <AlertCircle size={14} className="mt-0.5 shrink-0" />
+                                    <span className="text-xs font-semibold leading-snug">
+                                        Scope variance — Reported ~{formatCurrency(project.reportedScope.estTotal)} / {project.reportedScope.estDays}d
+                                        {' → '}Verified {formatCurrency(project.verifiedScope.estTotal)} / {project.verifiedScope.estDays}d
+                                        <span className="block font-normal text-amber-600/80 dark:text-amber-400/70 mt-0.5">{project.verifiedScope.summary}</span>
+                                    </span>
+                                </div>
+                            )}
                        </div>
                        <span className={`inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-bold uppercase tracking-wide ${cfg.color}`}>
                            <StatusIcon size={14} /> {cfg.label}