Add unique keys to avoid warning
This commit is contained in:
parent
ce1404fc26
commit
fdd948cf37
2 changed files with 6 additions and 5 deletions
|
@ -1,4 +1,4 @@
|
||||||
import {Progress} from './progress'
|
import {Progress} from './progress'
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
data: number[]
|
data: number[]
|
||||||
|
@ -10,7 +10,8 @@ export const Histogram = ({ data }: Props) => {
|
||||||
return(
|
return(
|
||||||
<div className="columns-1 justify-left m-2 text-sm">
|
<div className="columns-1 justify-left m-2 text-sm">
|
||||||
{ data.map(( value, i ) => (
|
{ 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>
|
</div>
|
||||||
|
|
|
@ -8,11 +8,11 @@ type Props = {
|
||||||
export const StatLine = ({labels, values}: Props) => {
|
export const StatLine = ({labels, values}: Props) => {
|
||||||
return (
|
return (
|
||||||
<div className="flex justify-center m-1">
|
<div className="flex justify-center m-1">
|
||||||
{values.map((value,i ) => (
|
{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-3xl font-bold">{value} </div>
|
||||||
<div className="text-sm">{labels[i]}</div>
|
<div className="text-sm">{labels[i]}</div>
|
||||||
</div>
|
</div>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
|
|
Loading…
Add table
Reference in a new issue