change QuestionList, style QuestionItem

SurveyFrontend/src/components/QuestionsList/QuestionsList.tsx

@@ -6,20 +6,28 @@ interface QuestionsListProps {}
 
 interface Question {
     id: number;
+    text: string
 }
 
 const QuestionsList: React.FC<QuestionsListProps> = () => {
     const [questions, setQuestions] = useState<Question[]>([
-        {id: 1},
+        {id: 1, text: ''},
     ]);
 
     const handleAddQuestion = () => {
-        // Find the highest ID in the current questions list
         const maxId = questions.reduce((max, question) => Math.max(max, question.id), 0);
         const newQuestion: Question = {
-            id: maxId + 1, // Increment the ID
+            id: maxId + 1,
+            text: ''
         };
-        setQuestions([...questions, newQuestion]); // Add the new question to the state
+        setQuestions([...questions, newQuestion]);
+    };
+
+    const handleQuestionChange = (index: number, value: string) => {
+        const newQuestions = [...questions];
+        newQuestions[index] = {...newQuestions[index], text: value};
+
+        setQuestions(newQuestions);
     };
 
     return (
@@ -28,6 +36,8 @@ const QuestionsList: React.FC<QuestionsListProps> = () => {
                 <QuestionItem
                     key={question.id}
                     indexQuestion={index + 1}
+                    valueQuestion={''}
+                    onChangeQuestion={(value) => handleQuestionChange(index, value)}
                 />
             ))}
             <AddQuestionButton onClick={handleAddQuestion} />