Nirodan
29 lines
801 B
React
29 lines
801 B
React
import { useNavigate } from 'react-router-dom';
|
|
|
|
function Home() {
|
|
const navigate = useNavigate();
|
|
const token = localStorage.getItem('token');
|
|
const role = localStorage.getItem('role');
|
|
|
|
return (
|
|
<div>
|
|
<h1>Willkommen bei den Tools</h1>
|
|
{!token ? (
|
|
<>
|
|
<p>Bitte logge dich ein oder registriere dich.</p>
|
|
<button onClick={() => navigate('/login')}>Login</button>
|
|
<button onClick={() => navigate('/register')}>Registrieren</button>
|
|
</>
|
|
) : (
|
|
<>
|
|
<p>Willkommen zurück!</p>
|
|
<button onClick={() => navigate('/tools/md5')}>Zum MD5 Tool</button>
|
|
{role === 'admin' && <button onClick={() => navigate('/admin')}>Admin-Bereich</button>}
|
|
</>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default Home;
|