From ff6c130e781c07da31617ec8e8a87d24020430e2 Mon Sep 17 00:00:00 2001
From: Ana-Lucia Munteanu <ana-lucia.munteanu.1@ens.etsmtl.ca>
Date: Sun, 6 Apr 2025 14:25:14 -0400
Subject: [PATCH] Fix for icons

---
 client/src/components/Header/Header.tsx                      | 4 ++--
 client/src/pages/AuthManager/providers/SimpleLogin/Login.tsx | 3 +--
 client/src/pages/Teacher/Login/Login.tsx                     | 3 ++-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/client/src/components/Header/Header.tsx b/client/src/components/Header/Header.tsx
index 42ccca8..03fce1b 100644
--- a/client/src/components/Header/Header.tsx
+++ b/client/src/components/Header/Header.tsx
@@ -2,7 +2,7 @@ import { Link, useNavigate } from 'react-router-dom';
 import * as React from 'react';
 import { Button } from '@mui/material';
 import 'bootstrap/dist/css/bootstrap.min.css';
-import ExitToAppIcon from '@mui/icons-material/ExitToApp'; 
+import LogoutIcon from '@mui/icons-material/Logout'; 
 import LoginIcon from '@mui/icons-material/Login';
 
 interface HeaderProps {
@@ -31,7 +31,7 @@ const Header: React.FC<HeaderProps> = ({ isLoggedIn, handleLogout }) => {
                             navigate('/');
                         }}
                         className="mb-4"
-                        startIcon={<ExitToAppIcon />} 
+                        startIcon={<LogoutIcon />} 
                     >
                         Déconnexion
                     </Button>
diff --git a/client/src/pages/AuthManager/providers/SimpleLogin/Login.tsx b/client/src/pages/AuthManager/providers/SimpleLogin/Login.tsx
index 9ee3d35..6cca2b4 100644
--- a/client/src/pages/AuthManager/providers/SimpleLogin/Login.tsx
+++ b/client/src/pages/AuthManager/providers/SimpleLogin/Login.tsx
@@ -60,9 +60,8 @@ const SimpleLogin: React.FC = () => {
                 className={`w-100 mb-${connectionError ? '4' : '3'}`} // Dynamic margin-bottom
                 onClick={login}
                 disabled={!email || !password || isConnecting}
-                startIcon={isConnecting ? <CircularProgress size={20} /> : null}
+                startIcon={isConnecting ? <CircularProgress size={20} /> : <LoginIcon />}
                 size="large"
-                startIcon={<LoginIcon />}
             >
                 Se connecter
             </Button>
diff --git a/client/src/pages/Teacher/Login/Login.tsx b/client/src/pages/Teacher/Login/Login.tsx
index 37076de..320e04f 100644
--- a/client/src/pages/Teacher/Login/Login.tsx
+++ b/client/src/pages/Teacher/Login/Login.tsx
@@ -4,6 +4,7 @@ import { TextField, Button, CircularProgress } from '@mui/material';
 import LoginContainer from 'src/components/LoginContainer/LoginContainer';
 import ApiService from '../../../services/ApiService';
 import 'bootstrap/dist/css/bootstrap.min.css';
+import LoginIcon from '@mui/icons-material/Login';
 
 const Login: React.FC = () => {
     const navigate = useNavigate();
@@ -71,7 +72,7 @@ const Login: React.FC = () => {
                 className={`w-100 mb-${connectionError ? '4' : '3'}`}
                 onClick={login}
                 disabled={!email || !password || isConnecting}
-                startIcon={isConnecting ? <CircularProgress size={20} /> : null}
+                startIcon={isConnecting ? <CircularProgress size={20} /> : <LoginIcon/>}
             >
                 Login
             </Button>