fix(ui) - insight item name

This commit is contained in:
Shekar Siri 2023-02-13 16:24:47 +01:00
parent a40ce7c376
commit 3bae164cfd
2 changed files with 2 additions and 2 deletions

View file

@ -100,7 +100,7 @@ function RageItem({ item, className, onClick }: any) {
<Icon name={item.icon} size={18} className="mr-2" color={item.iconColor} />
<div className="mx-1 bg-gray-100 px-2 rounded">{item.isNew ? item.name : 'Click Rage'}</div>
{item.isNew && <div className="mx-1">has</div>}
{!item.isNew && <div className="mx-1">on</div>}
{!item.isNew && <div className="mx-1">on <span className="mx-1 bg-gray-100 px-2 rounded">{item.name}</span></div>}
{item.isNew && <div className="font-medium text-red">{item.ratio}%</div>}
{item.isNew && <div className="mx-1">more clickrage than other raged elements.</div>}
{!item.isNew && (

View file

@ -69,7 +69,7 @@ function InsightsCard({ data }: any) {
<div className="overflow-y-auto" style={{ maxHeight: '240px' }}>
{data.issues &&
data.issues.map((item: any) => (
<InsightItem item={item} onClick={(e) => clickHanddler(e, item)} />
<InsightItem key={item.name} item={item} onClick={(e) => clickHanddler(e, item)} />
))}
</div>
</NoContent>