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 * as React from 'react';
|
||||||
import { Button } from '@mui/material';
|
import { Button } from '@mui/material';
|
||||||
import 'bootstrap/dist/css/bootstrap.min.css';
|
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';
|
import LoginIcon from '@mui/icons-material/Login';
|
||||||
|
|
||||||
interface HeaderProps {
|
interface HeaderProps {
|
||||||
|
|
@ -31,7 +31,7 @@ const Header: React.FC<HeaderProps> = ({ isLoggedIn, handleLogout }) => {
|
||||||
navigate('/');
|
navigate('/');
|
||||||
}}
|
}}
|
||||||
className="mb-4"
|
className="mb-4"
|
||||||
startIcon={<ExitToAppIcon />}
|
startIcon={<LogoutIcon />}
|
||||||
>
|
>
|
||||||
Déconnexion
|
Déconnexion
|
||||||
</Button>
|
</Button>
|
||||||
|
|
|
||||||
|
|
@ -60,9 +60,8 @@ const SimpleLogin: React.FC = () => {
|
||||||
className={`w-100 mb-${connectionError ? '4' : '3'}`} // Dynamic margin-bottom
|
className={`w-100 mb-${connectionError ? '4' : '3'}`} // Dynamic margin-bottom
|
||||||
onClick={login}
|
onClick={login}
|
||||||
disabled={!email || !password || isConnecting}
|
disabled={!email || !password || isConnecting}
|
||||||
startIcon={isConnecting ? <CircularProgress size={20} /> : null}
|
startIcon={isConnecting ? <CircularProgress size={20} /> : <LoginIcon />}
|
||||||
size="large"
|
size="large"
|
||||||
startIcon={<LoginIcon />}
|
|
||||||
>
|
>
|
||||||
Se connecter
|
Se connecter
|
||||||
</Button>
|
</Button>
|
||||||
|
|
|
||||||
|
|
@ -4,6 +4,7 @@ import { TextField, Button, CircularProgress } from '@mui/material';
|
||||||
import LoginContainer from 'src/components/LoginContainer/LoginContainer';
|
import LoginContainer from 'src/components/LoginContainer/LoginContainer';
|
||||||
import ApiService from '../../../services/ApiService';
|
import ApiService from '../../../services/ApiService';
|
||||||
import 'bootstrap/dist/css/bootstrap.min.css';
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
||||||
|
import LoginIcon from '@mui/icons-material/Login';
|
||||||
|
|
||||||
const Login: React.FC = () => {
|
const Login: React.FC = () => {
|
||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
|
|
@ -71,7 +72,7 @@ const Login: React.FC = () => {
|
||||||
className={`w-100 mb-${connectionError ? '4' : '3'}`}
|
className={`w-100 mb-${connectionError ? '4' : '3'}`}
|
||||||
onClick={login}
|
onClick={login}
|
||||||
disabled={!email || !password || isConnecting}
|
disabled={!email || !password || isConnecting}
|
||||||
startIcon={isConnecting ? <CircularProgress size={20} /> : null}
|
startIcon={isConnecting ? <CircularProgress size={20} /> : <LoginIcon/>}
|
||||||
>
|
>
|
||||||
Login
|
Login
|
||||||
</Button>
|
</Button>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue