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

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

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

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

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