christofsteel/honigle
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add unique keys to avoid warning

Browse source
This commit is contained in:
jnsturgis 2022-01-20 20:17:28 +01:00
parent ce1404fc26
commit fdd948cf37
2 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/components/histogram/histogram.tsx
View file

@ -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>

6
src/components/statline/statline.tsx
View file

@ -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>
) )