mirror of
https://github.com/ets-cfuhrman-pfe/EvalueTonSavoir.git
synced 2025-08-11 21:23:54 -04:00
Fix for icons
This commit is contained in:
parent
1fd40bcdc8
commit
ff6c130e78
3 changed files with 5 additions and 5 deletions
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in a new issue