Fix for icons

This commit is contained in:
Ana-Lucia Munteanu 2025-04-06 14:25:14 -04:00
parent 1fd40bcdc8
commit ff6c130e78
3 changed files with 5 additions and 5 deletions

View file

@ -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>

View file

@ -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>

View file

@ -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>