From fdd948cf37232a4c653d52cf7a3fc879a7b0e4fd Mon Sep 17 00:00:00 2001
From: jnsturgis <james.sturgis@univ-amu.fr>
Date: Thu, 20 Jan 2022 20:17:28 +0100
Subject: [PATCH] Add unique keys to avoid warning

---
 src/components/histogram/histogram.tsx | 5 +++--
 src/components/statline/statline.tsx   | 6 +++---
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/histogram/histogram.tsx b/src/components/histogram/histogram.tsx
index 4e93383..edab521 100644
--- a/src/components/histogram/histogram.tsx
+++ b/src/components/histogram/histogram.tsx
@@ -1,4 +1,4 @@
-import {Progress} from './progress'
+ import {Progress} from './progress'
 
 type Props = {
   data: number[]
@@ -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>
diff --git a/src/components/statline/statline.tsx b/src/components/statline/statline.tsx
index b4a1777..a3b3240 100644
--- a/src/components/statline/statline.tsx
+++ b/src/components/statline/statline.tsx
@@ -8,11 +8,11 @@ type Props = {
 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">
+    {values.map((value,i ) => (
+       <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>   
+       </div>
     ))}
     </div>
   )