From d218134316bf1b248f62a6126642aca7fcd3141e Mon Sep 17 00:00:00 2001
From: Philippe <83185129+phil3838@users.noreply.github.com>
Date: Sun, 6 Apr 2025 17:30:52 -0400
Subject: [PATCH] button new enregistrer new icon

---
 .../pages/Teacher/EditorQuiz/EditorQuiz.tsx   | 22 +++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/client/src/pages/Teacher/EditorQuiz/EditorQuiz.tsx b/client/src/pages/Teacher/EditorQuiz/EditorQuiz.tsx
index 3a10f03..01676fd 100644
--- a/client/src/pages/Teacher/EditorQuiz/EditorQuiz.tsx
+++ b/client/src/pages/Teacher/EditorQuiz/EditorQuiz.tsx
@@ -17,6 +17,7 @@ import ReturnButton from 'src/components/ReturnButton/ReturnButton';
 import ApiService from '../../../services/ApiService';
 import { escapeForGIFT } from '../../../utils/giftUtils';
 import { Upload } from '@mui/icons-material';
+import SaveIcon from '@mui/icons-material/Save';
 
 interface EditQuizParams {
     id: string;
@@ -223,7 +224,13 @@ const QuizForm: React.FC = () => {
     return (
         <div className='quizEditor'>
 
-            <div className='editHeader'>
+            <div className='editHeader'
+            style={{
+                display: 'flex',
+                justifyContent: 'space-between',
+                alignItems: 'center',
+                marginBottom: '32px'
+            }}>
                 <ReturnButton
                     quizTitle={quizTitle}
                     quizContent={filteredValue}
@@ -232,6 +239,8 @@ const QuizForm: React.FC = () => {
                     isNewQuiz={isNewQuiz}
                 />
 
+
+
                 <div className='title'>Éditeur de Quiz</div>
 
                 <div className='dumb'></div>
@@ -262,9 +271,14 @@ const QuizForm: React.FC = () => {
                 ))}
             </NativeSelect></label>
 
-            <Button variant="contained" onClick={handleQuizSave}>
-                Enregistrer
-            </Button>
+                <Button
+                    variant="contained"
+                    onClick={handleQuizSave}
+                    sx={{ display: 'flex', alignItems: 'center' }}
+                >
+                    <SaveIcon sx={{ fontSize: 20 }} />
+                    Enregistrer
+                </Button>
 
             <Divider style={{ margin: '16px 0' }} />