Enlever erreur dans .yml

.github/workflows/dev_frontend-deploy.yml

@@ -24,7 +24,3 @@ jobs:
           file: ./client/Dockerfile
           push: true
           tags: ${{ secrets.DOCKERHUB_USERNAME }}/dev_${{ secrets.DOCKERHUB_FRONTEND_REPO }}:latest
-
-      - name: Lint Code
-          run: |
-            eslint . --rule "@typescript-eslint/ban-ts-comment: off"

.github/workflows/frontend-deploy.yml

@@ -23,8 +23,4 @@ jobs:
           context: ./client 
           file: ./client/Dockerfile
           push: true
-          tags: ${{ secrets.DOCKERHUB_USERNAME }}/${{ secrets.DOCKERHUB_FRONTEND_REPO }}:latest
-      
-      - name: Lint Code
-        run: |
-          eslint . --rule "@typescript-eslint/ban-ts-comment: off"
+          tags: ${{ secrets.DOCKERHUB_USERNAME }}/${{ secrets.DOCKERHUB_FRONTEND_REPO }}:latest

client/.eslintrc.cjs

@@ -1,3 +1,4 @@
+// eslint-disable-next-line no-undef
 module.exports = {
   root: true,
   env: { browser: true, es2020: true },

client/package.json

@@ -29,8 +29,8 @@
         "katex": "^0.16.11",
         "marked": "^14.1.2",
         "nanoid": "^5.0.2",
-        "react": "^19.0.0",
-        "react-dom": "^19.0.0",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
         "react-modal": "^3.16.1",
         "react-router-dom": "^6.26.2",
         "remark-math": "^6.0.0",
@@ -68,4 +68,4 @@
         "vite": "^5.4.5",
         "vite-plugin-environment": "^1.1.3"
     }
-}
+}

client/src/__tests__/components/ConfirmDialog/ConfirmDialog.test.tsx

@@ -2,7 +2,7 @@
 import React from 'react';
 import { render, fireEvent, screen } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import ConfirmDialog from '../../../components/ConfirmDialog/ConfirmDialog';
+import ConfirmDialog from 'src/components/ConfirmDialog/ConfirmDialog';
 
 describe('ConfirmDialog Component', () => {
     const mockOnConfirm = jest.fn();

client/src/__tests__/components/Editor/Editor.test.tsx

@@ -2,7 +2,7 @@
 import React from 'react';
 import { render, fireEvent, screen } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import Editor from '../../../components/Editor/Editor';
+import Editor from 'src/components/Editor/Editor';
 
 describe('Editor Component', () => {
     const mockOnEditorChange = jest.fn();

client/src/__tests__/components/GiftTemplate/GIFTTemplatePreview.test.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { render, screen } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import GIFTTemplatePreview from '../../../components/GiftTemplate/GIFTTemplatePreview';
+import GIFTTemplatePreview from 'src/components/GiftTemplate/GIFTTemplatePreview';
 
 describe('GIFTTemplatePreview Component', () => {
   test('renders error message when questions contain invalid syntax', () => {

client/src/__tests__/components/GiftTemplate/TextType.test.ts

@@ -1,7 +1,7 @@
 // TextType.test.ts
 
 import { TextFormat } from "gift-pegjs";
-import textType from "../../../components/GiftTemplate/templates/TextType";
+import textType from "src/components/GiftTemplate/templates/TextType";
 
 describe('TextType', () => {
     it('should format text with basic characters correctly', () => {

client/src/__tests__/components/GiftTemplate/constants/colors.test.tsx

@@ -1,5 +1,5 @@
 //color.test.tsx
-import { colors } from "../../../../components/GiftTemplate/constants";
+import { colors } from "src/components/GiftTemplate/constants";
 
 describe('Colors object', () => {
     test('All colors are defined', () => {

client/src/__tests__/components/GiftTemplate/constants/styles.test.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { render } from '@testing-library/react';
 import '@testing-library/jest-dom';
 
-import { ParagraphStyle } from '../../../../components/GiftTemplate/constants';
+import { ParagraphStyle } from 'src/components/GiftTemplate/constants';
 
 describe('ParagraphStyle', () => {
     test('applies styles correctly', () => {

client/src/__tests__/components/GiftTemplate/constants/theme.test.tsx

@@ -1,6 +1,6 @@
 import '@testing-library/jest-dom';
-import { theme } from '../../../../components/GiftTemplate/constants/theme';
-import { colors } from '../../../../components/GiftTemplate/constants/colors';
+import { theme } from 'src/components/GiftTemplate/constants/theme';
+import { colors } from 'src/components/GiftTemplate/constants/colors';
 
 describe('Theme', () => {
   test('returns correct light color', () => {

client/src/__tests__/components/GiftTemplate/templates/AnswerIcon.test.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { render } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import AnswerIcon from '../../../../components/GiftTemplate/templates/AnswerIcon';
+import AnswerIcon from 'src/components/GiftTemplate/templates/AnswerIcon';
 
 describe('AnswerIcon', () => {
   test('renders correct icon when correct is true', () => {

client/src/__tests__/components/GiftTemplate/templates/MultipleChoice.test.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import { render } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import { MultipleChoice } from '../../../../components/GiftTemplate/templates';
-import { TemplateOptions, MultipleChoice as MultipleChoiceType } from '../../../../components/GiftTemplate/templates/types';
+import { MultipleChoice } from 'src/components/GiftTemplate/templates';
+import { TemplateOptions, MultipleChoice as MultipleChoiceType } from 'src/components/GiftTemplate/templates/types';
 
 // Mock the nanoid function
 jest.mock('nanoid', () => ({

client/src/__tests__/components/GiftTemplate/templates/Numerical.test.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import { render } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import Numerical from '../../../../components/GiftTemplate/templates/Numerical';
-import { TemplateOptions, Numerical as NumericalType } from '../../../../components/GiftTemplate/templates/types';
+import Numerical from 'src/components/GiftTemplate/templates/Numerical';
+import { TemplateOptions, Numerical as NumericalType } from 'src/components/GiftTemplate/templates/types';
 
 // Mock the nanoid function
 jest.mock('nanoid', () => ({

client/src/__tests__/components/GiftTemplate/templates/ShortAnswer.test.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import { render } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import ShortAnswer from '../../../../components/GiftTemplate/templates/ShortAnswer';
-import { TemplateOptions, ShortAnswer as ShortAnswerType } from '../../../../components/GiftTemplate/templates/types';
+import ShortAnswer from 'src/components/GiftTemplate/templates/ShortAnswer';
+import { TemplateOptions, ShortAnswer as ShortAnswerType } from 'src/components/GiftTemplate/templates/types';
 
 // Mock the nanoid function
 jest.mock('nanoid', () => ({

client/src/__tests__/components/GiftTemplate/templates/TrueFalse.test.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import { render } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import TrueFalse from '../../../../components/GiftTemplate/templates';
-import { TemplateOptions, TrueFalse as TrueFalseType } from '../../../../components/GiftTemplate/templates/types';
+import TrueFalse from 'src/components/GiftTemplate/templates';
+import { TemplateOptions, TrueFalse as TrueFalseType } from 'src/components/GiftTemplate/templates/types';
 
 // Mock the nanoid function
 jest.mock('nanoid', () => ({

client/src/__tests__/components/ImportModal/ImportModal.test.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { render, screen, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import DragAndDrop from '../../../components/ImportModal/ImportModal';
+import DragAndDrop from 'src/components/ImportModal/ImportModal';
 
 describe('DragAndDrop Component', () => {
 

client/src/__tests__/components/LaunchQuizDialog/LaunchQuizDialog.test.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { render, screen, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import LaunchQuizDialog from '../../../components/LaunchQuizDialog/LaunchQuizDialog';
+import LaunchQuizDialog from 'src/components/LaunchQuizDialog/LaunchQuizDialog';
 
 // Mock the functions passed as props
 const mockHandleOnClose = jest.fn();

client/src/__tests__/components/LoadingCircle/LoadingCircle.test.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { render, screen } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import LoadingCircle from '../../../components/LoadingCircle/LoadingCircle';
+import LoadingCircle from 'src/components/LoadingCircle/LoadingCircle';
 
 describe('LoadingCircle', () => {
   it('displays the provided text correctly', () => {

client/src/__tests__/components/Questions/MultipleChoiceQuestion/MultipleChoiceQuestion.test.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { render, screen, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import MultipleChoiceQuestion from '../../../../components/Questions/MultipleChoiceQuestion/MultipleChoiceQuestion';
+import MultipleChoiceQuestion from 'src/components/Questions/MultipleChoiceQuestion/MultipleChoiceQuestion';
 import { act } from 'react';
 import { MemoryRouter } from 'react-router-dom';
 

client/src/__tests__/components/Questions/NumericalQuestion/NumericalQuestion.test.tsx

@@ -2,7 +2,7 @@
 import React from 'react';
 import { render, screen, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import NumericalQuestion from '../../../../components/Questions/NumericalQuestion/NumericalQuestion';
+import NumericalQuestion from 'src/components/Questions/NumericalQuestion/NumericalQuestion';
 
 describe('NumericalQuestion Component', () => {
     const mockHandleSubmitAnswer = jest.fn();

client/src/__tests__/components/Questions/Question.test.tsx

@@ -2,7 +2,7 @@
 import React from 'react';
 import { render, screen, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import Questions from '../../../components/Questions/Question';
+import Questions from 'src/components/Questions/Question';
 import { GIFTQuestion } from 'gift-pegjs';
 
 //

client/src/__tests__/components/Questions/ShortAnswerQuestion/ShortAnswerQuestion.test.tsx

@@ -2,7 +2,7 @@
 import React from 'react';
 import { render, screen, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import ShortAnswerQuestion from '../../../../components/Questions/ShortAnswerQuestion/ShortAnswerQuestion';
+import ShortAnswerQuestion from 'src/components/Questions/ShortAnswerQuestion/ShortAnswerQuestion';
 
 describe('ShortAnswerQuestion Component', () => {
     const mockHandleSubmitAnswer = jest.fn();

client/src/__tests__/components/Questions/TrueFalseQuestion/TrueFalseQuestion.test.tsx

@@ -2,7 +2,7 @@
 import React from 'react';
 import { render, fireEvent, screen, act } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import TrueFalseQuestion from '../../../../components/Questions/TrueFalseQuestion/TrueFalseQuestion';
+import TrueFalseQuestion from 'src/components/Questions/TrueFalseQuestion/TrueFalseQuestion';
 import { MemoryRouter } from 'react-router-dom';
 
 describe('TrueFalseQuestion Component', () => {

client/src/__tests__/components/ReturnButton/ReturnButton.test.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { render, screen, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import ReturnButton from '../../../components/ReturnButton/ReturnButton';
+import ReturnButton from 'src/components/ReturnButton/ReturnButton';
 import { useNavigate } from 'react-router-dom';
 
 jest.mock('react-router-dom', () => ({

client/src/__tests__/components/StudentWaitPage/StudentWaitPage.test.tsx

@@ -2,7 +2,7 @@
 import React from 'react';
 import { render, screen, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import StudentWaitPage from '../../../components/StudentWaitPage/StudentWaitPage';
+import StudentWaitPage from 'src/components/StudentWaitPage/StudentWaitPage';
 import { StudentType, Answer } from '../../../Types/StudentType';
 
 describe('StudentWaitPage Component', () => {

client/src/__tests__/pages/Student/StudentModeQuiz/StudentModeQuiz.test.tsx

@@ -4,7 +4,7 @@ import '@testing-library/jest-dom';
 import { parse } from 'gift-pegjs';
 import { MemoryRouter } from 'react-router-dom';
 import { QuestionType } from '../../../../Types/QuestionType';
-import StudentModeQuiz from '../../../../components/StudentModeQuiz/StudentModeQuiz';
+import StudentModeQuiz from 'src/components/StudentModeQuiz/StudentModeQuiz';
 
 const mockGiftQuestions = parse(
     `::Sample Question 1:: Sample Question 1 {=Option A ~Option B}

client/src/__tests__/pages/Student/TeacherModeQuiz/TeacherModeQuiz.test.tsx

@@ -5,7 +5,7 @@ import { screen } from '@testing-library/dom';
 import '@testing-library/jest-dom';
 import { parse } from 'gift-pegjs';
 
-import TeacherModeQuiz from '../../../../components/TeacherModeQuiz/TeacherModeQuiz';
+import TeacherModeQuiz from 'src/components/TeacherModeQuiz/TeacherModeQuiz';
 import { MemoryRouter } from 'react-router-dom';
 // import { mock } from 'node:test';
 

client/src/components/StudentModeQuiz/StudentModeQuiz.tsx

@@ -8,7 +8,7 @@ import { QuestionType } from '../../Types/QuestionType';
 import { Button } from '@mui/material';
 import QuestionNavigation from '../QuestionNavigation/QuestionNavigation';
 import { ChevronLeft, ChevronRight } from '@mui/icons-material';
-import DisconnectButton from '../../components/DisconnectButton/DisconnectButton';
+import DisconnectButton from 'src/components/DisconnectButton/DisconnectButton';
 
 interface StudentModeQuizProps {
     questions: QuestionType[];

client/src/components/TeacherModeQuiz/TeacherModeQuiz.tsx

@@ -6,7 +6,7 @@ import QuestionComponent from '../Questions/Question';
 import '../../pages/Student/JoinRoom/joinRoom.css';
 import { QuestionType } from '../../Types/QuestionType';
 // import { QuestionService } from '../../services/QuestionService';
-import DisconnectButton from '../../components/DisconnectButton/DisconnectButton';
+import DisconnectButton from 'src/components/DisconnectButton/DisconnectButton';
 import { Dialog, DialogTitle, DialogContent, DialogActions, Button } from '@mui/material';
 
 interface TeacherModeQuizProps {

client/src/pages/Student/JoinRoom/JoinRoom.tsx

@@ -3,17 +3,17 @@ import React, { useEffect, useState } from 'react';
 import { Socket } from 'socket.io-client';
 import { ENV_VARIABLES } from 'src/constants';
 
-import StudentModeQuiz from '../../../components/StudentModeQuiz/StudentModeQuiz';
-import TeacherModeQuiz from '../../../components/TeacherModeQuiz/TeacherModeQuiz';
+import StudentModeQuiz from 'src/components/StudentModeQuiz/StudentModeQuiz';
+import TeacherModeQuiz from 'src/components/TeacherModeQuiz/TeacherModeQuiz';
 import webSocketService, { AnswerSubmissionToBackendType } from '../../../services/WebsocketService';
-import DisconnectButton from '../../../components/DisconnectButton/DisconnectButton';
+import DisconnectButton from 'src/components/DisconnectButton/DisconnectButton';
 
 import './joinRoom.css';
 import { QuestionType } from '../../../Types/QuestionType';
 import { TextField } from '@mui/material';
 import LoadingButton from '@mui/lab/LoadingButton';
 
-import LoginContainer from '../../../components/LoginContainer/LoginContainer'
+import LoginContainer from 'src/components/LoginContainer/LoginContainer'
 
 const JoinRoom: React.FC = () => {
     const [roomName, setRoomName] = useState('');

client/src/pages/Teacher/Dashboard/Dashboard.tsx

@@ -3,14 +3,14 @@ import { useNavigate } from 'react-router-dom';
 import React, { useState, useEffect, useMemo } from 'react';
 import { parse } from 'gift-pegjs';
 
-import Template from '../../../components/GiftTemplate/templates';
+import Template from 'src/components/GiftTemplate/templates';
 import { QuizType } from '../../../Types/QuizType';
 import { FolderType } from '../../../Types/FolderType';
 // import { QuestionService } from '../../../services/QuestionService';
 import ApiService from '../../../services/ApiService';
 
 import './dashboard.css';
-import ImportModal from '../../../components/ImportModal/ImportModal';
+import ImportModal from 'src/components/ImportModal/ImportModal';
 //import axios from 'axios';
 
 import {

client/src/pages/Teacher/EditorQuiz/EditorQuiz.tsx

@@ -4,15 +4,15 @@ import { useParams, useNavigate } from 'react-router-dom';
 
 import { FolderType } from '../../../Types/FolderType';
 
-import Editor from '../../../components/Editor/Editor';
-import GiftCheatSheet from '../../../components/GIFTCheatSheet/GiftCheatSheet';
-import GIFTTemplatePreview from '../../../components/GiftTemplate/GIFTTemplatePreview';
+import Editor from 'src/components/Editor/Editor';
+import GiftCheatSheet from 'src/components/GIFTCheatSheet/GiftCheatSheet';
+import GIFTTemplatePreview from 'src/components/GiftTemplate/GIFTTemplatePreview';
 
 import { QuizType } from '../../../Types/QuizType';
 
 import './editorQuiz.css';
 import { Button, TextField, NativeSelect, Divider, Dialog, DialogTitle, DialogActions, DialogContent } from '@mui/material';
-import ReturnButton from '../../../components/ReturnButton/ReturnButton';
+import ReturnButton from 'src/components/ReturnButton/ReturnButton';
 
 import ApiService from '../../../services/ApiService';
 import { escapeForGIFT } from '../../../utils/giftUtils';

client/src/pages/Teacher/Login/Login.tsx

@@ -7,7 +7,7 @@ import './Login.css';
 import { TextField } from '@mui/material';
 import LoadingButton from '@mui/lab/LoadingButton';
 
-import LoginContainer from '../../../components/LoginContainer/LoginContainer'
+import LoginContainer from 'src/components/LoginContainer/LoginContainer'
 import ApiService from '../../../services/ApiService';
 
 const Login: React.FC = () => {

client/src/pages/Teacher/ManageRoom/ManageRoom.tsx

@@ -4,7 +4,7 @@ import { useNavigate, useParams } from 'react-router-dom';
 import { Socket } from 'socket.io-client';
 import { GIFTQuestion, parse } from 'gift-pegjs';
 import { QuestionType } from '../../../Types/QuestionType';
-import LiveResultsComponent from '../../../components/LiveResults/LiveResults';
+import LiveResultsComponent from 'src/components/LiveResults/LiveResults';
 // import { QuestionService } from '../../../services/QuestionService';
 import webSocketService, { AnswerReceptionFromBackendType } from '../../../services/WebsocketService';
 import { QuizType } from '../../../Types/QuizType';
@@ -13,12 +13,12 @@ import './manageRoom.css';
 import { ENV_VARIABLES } from 'src/constants';
 import { StudentType, Answer } from '../../../Types/StudentType';
 import { Button } from '@mui/material';
-import LoadingCircle from '../../../components/LoadingCircle/LoadingCircle';
+import LoadingCircle from 'src/components/LoadingCircle/LoadingCircle';
 import { Refresh, Error } from '@mui/icons-material';
-import StudentWaitPage from '../../../components/StudentWaitPage/StudentWaitPage';
-import DisconnectButton from '../../../components/DisconnectButton/DisconnectButton';
-import QuestionNavigation from '../../../components/QuestionNavigation/QuestionNavigation';
-import Question from '../../../components/Questions/Question';
+import StudentWaitPage from 'src/components/StudentWaitPage/StudentWaitPage';
+import DisconnectButton from 'src/components/DisconnectButton/DisconnectButton';
+import QuestionNavigation from 'src/components/QuestionNavigation/QuestionNavigation';
+import Question from 'src/components/Questions/Question';
 import ApiService from '../../../services/ApiService';
 
 const ManageRoom: React.FC = () => {

client/src/pages/Teacher/Register/Register.tsx

@@ -7,7 +7,7 @@ import React, { useEffect, useState } from 'react';
 import { TextField } from '@mui/material';
 import LoadingButton from '@mui/lab/LoadingButton';
 
-import LoginContainer from '../../../components/LoginContainer/LoginContainer'
+import LoginContainer from 'src/components/LoginContainer/LoginContainer'
 import ApiService from '../../../services/ApiService';
 
 const Register: React.FC = () => {

client/src/pages/Teacher/ResetPassword/ResetPassword.tsx

@@ -7,7 +7,7 @@ import React, { useEffect, useState } from 'react';
 import { TextField } from '@mui/material';
 import LoadingButton from '@mui/lab/LoadingButton';
 
-import LoginContainer from '../../../components/LoginContainer/LoginContainer'
+import LoginContainer from 'src/components/LoginContainer/LoginContainer'
 import ApiService from '../../../services/ApiService';
 
 const ResetPassword: React.FC = () => {

client/src/pages/Teacher/Share/Share.tsx

@@ -7,7 +7,7 @@ import { FolderType } from '../../../Types/FolderType';
 
 import './share.css';
 import { Button, NativeSelect } from '@mui/material';
-import ReturnButton from '../../../components/ReturnButton/ReturnButton';
+import ReturnButton from 'src/components/ReturnButton/ReturnButton';
 
 import ApiService from '../../../services/ApiService';