castad
/
o2o-infinith-frontend
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(brand-consistency): 0개 불일치 → '전 채널 일치' 로 표기 

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
main
Mina Choi 2026-05-21 09:21:43 +09:00
parent 68bb1d62cd
commit bf90e8d242
2 changed files with 34 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/features/plan/components/BrandingGuide.tsx
View File

@ -439,17 +439,23 @@ function BrandConsistencyTab({ inconsistencies }: { inconsistencies: BrandIncons
onClick={() => setExpanded(expanded === i ? null : i)}
className="w-full flex items-center justify-between p-5 h-auto text-left hover:bg-slate-50/50 rounded-none"
>
{(() => {
const mismatchCount = item.values.filter((v) => !v.isCorrect).length;
const isAllConsistent = mismatchCount === 0;
return (
<div className="flex items-center gap-3">
<div className="w-8 h-8 rounded-lg bg-brand-navy flex items-center justify-center text-white text-xs font-bold">
{item.values.filter((v) => !v.isCorrect).length}
<div className={`w-8 h-8 rounded-lg flex items-center justify-center text-white text-xs font-bold ${isAllConsistent ? 'bg-brand-purple-soft' : 'bg-brand-navy'}`}>
{isAllConsistent ? <CheckFilled size={14} /> : mismatchCount}
</div>
<div>
<p className="font-semibold text-brand-navy">{item.field}</p>
<p className="text-xs text-slate-500">
{item.values.filter((v) => !v.isCorrect).length}개 채널 불일치
{isAllConsistent ? '전 채널 일치' : `${mismatchCount}개 채널 불일치`}
</p>
</div>
</div>
);
})()}
<ArrowRight
size={16}
className={`text-slate-400 transition-transform ${

12
src/features/report/components/FacebookAudit.tsx
View File

@ -201,17 +201,23 @@ function BrandConsistencyMap({ inconsistencies }: { inconsistencies: BrandIncons
onClick={() => setExpanded(expanded === i ? null : i)}
className="w-full flex items-center justify-between p-5 h-auto text-left hover:bg-slate-50/50 rounded-none"
>
{(() => {
const mismatchCount = item.values.filter(v => !v.isCorrect).length;
const isAllConsistent = mismatchCount === 0;
return (
<div className="flex items-center gap-3">
<div className="w-8 h-8 rounded-lg bg-primary-900 flex items-center justify-center text-white text-xs font-bold">
{item.values.filter(v => !v.isCorrect).length}
<div className={`w-8 h-8 rounded-lg flex items-center justify-center text-white text-xs font-bold ${isAllConsistent ? 'bg-brand-purple-soft' : 'bg-primary-900'}`}>
{isAllConsistent ? <CheckCircle2 size={14} /> : mismatchCount}
</div>
<div>
<p className="font-semibold text-brand-navy">{item.field}</p>
<p className="text-xs text-slate-500">
{item.values.filter(v => !v.isCorrect).length}개 채널 불일치
{isAllConsistent ? '전 채널 일치' : `${mismatchCount}개 채널 불일치`}
</p>
</div>
</div>
);
})()}
<ArrowRight
size={16}
className={`text-slate-400 transition-transform ${expanded === i ? 'rotate-90' : ''}`}