Add unique keys to avoid warning
This commit is contained in:
parent
ce1404fc26
commit
fdd948cf37
2 changed files with 6 additions and 5 deletions
|
@ -10,7 +10,8 @@ export const Histogram = ({ data }: Props) => {
|
|||
return(
|
||||
<div className="columns-1 justify-left m-2 text-sm">
|
||||
{ data.map(( value, i ) => (
|
||||
<Progress index={i} size={min+100*value/max} label={String(value)} />
|
||||
<Progress key={i} index={i} size={min+100*value/max}
|
||||
label={String(value)} />
|
||||
))
|
||||
}
|
||||
</div>
|
||||
|
|
|
@ -9,7 +9,7 @@ export const StatLine = ({labels, values}: Props) => {
|
|||
return (
|
||||
<div className="flex justify-center m-1">
|
||||
{values.map((value,i ) => (
|
||||
<div className="items-center justify-center m-1 w-1/4 bg-blue-300">
|
||||
<div key={i} className="items-center justify-center m-1 w-1/4 bg-blue-300">
|
||||
<div className="text-3xl font-bold">{value} </div>
|
||||
<div className="text-sm">{labels[i]}</div>
|
||||
</div>
|
||||
|
|
Loading…
Add table
Reference in a new issue