From e62dc5f597a2a9003c2c5c0d118ba91d0737d085 Mon Sep 17 00:00:00 2001
From: louiscklaw <louiscklaw@users.noreply.github.com>
Date: Sun, 11 May 2025 07:55:37 +0800
Subject: [PATCH] "fix QuestionProgress component missing key props in button
 arrays,"

---
 .../ionic_mobile/src/components/QuestionProgress/index.tsx    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/002_source/ionic_mobile/src/components/QuestionProgress/index.tsx b/002_source/ionic_mobile/src/components/QuestionProgress/index.tsx
index 72d949d..4ba81cb 100644
--- a/002_source/ionic_mobile/src/components/QuestionProgress/index.tsx
+++ b/002_source/ionic_mobile/src/components/QuestionProgress/index.tsx
@@ -12,12 +12,12 @@ const QuestionProgress: React.FC<ContainerProps> = ({ num_rating = 0, num_full_r
     <>
       <div style={{ display: 'flex', flexDirection: 'row', alignItems: 'center', gap: '0.15rem' }}>
         {Array.from({ length: num_rating }, (_, index) => (
-          <IonButton shape="round" fill="outline" size="small" color="success">
+          <IonButton key={index} shape="round" fill="outline" size="small" color="success">
             <IonIcon slot="icon-only" icon={checkmarkOutline}></IonIcon>
           </IonButton>
         ))}
         {Array.from({ length: num_full_rating - num_rating }, (_, index) => (
-          <IonButton shape="round" fill="outline" size="small" color="medium">
+          <IonButton key={index} shape="round" fill="outline" size="small" color="medium">
             <IonIcon slot="icon-only"></IonIcon>
           </IonButton>
         ))}