GarandPLG/reddit-like-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Przebudowanie headera z myślą pod mobilne przeglądarki. Zmiana adresu urb pocketbase. Dodanie możliwości zmieniania nazwy użytkownika.

Browse Source
This commit is contained in:
GarandPLG
2024-09-11 16:03:46 +02:00
parent a616741470
commit 0b95bbac67
5 changed files with 46 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Header.tsx
+30 -17
View File
@@ -15,23 +15,36 @@ const Header: React.FC = () => {
return (
<header className="bg-blue-500 p-4">
<div className="container mx-auto flex justify-between items-center">
<Link to="/" className="text-white text-2xl font-bold">Reddit-Like-App</Link>
<Link to="https://gitea.garandplg.com/GarandPLG/reddit-like-app" className="text-white text-xl font-bold">Kod źródłowy</Link>
<nav>
{isAuth ? (
<>
<Link to="/create-post" className="text-white mr-4">Stwórz post</Link>
<Link to="/profile" className="text-white mr-4">Profil</Link>
<button onClick={handleLogout} className="text-white">Wyloguj się</button>
</>
) : (
<>
<Link to="/login" className="text-white mr-4">Zaloguj się</Link>
<Link to="/register" className="text-white">Zarejestruj się</Link>
</>
)}
</nav>
<div className="container mx-auto flex justify-between items-center text-center">
<Link to="/" className="text-white md:text-2xl font-bold">Reddit-Like-App</Link>
<span className='text-4xl mx-1'>|</span>
<Link to="https://gitea.garandplg.com/GarandPLG/reddit-like-app" className="text-white md:text-xl font-bold">Kod źródłowy</Link>
<span className='text-3xl mx-1'>|</span>
{isAuth ? (
<>
<Link to="/create-post" className="text-white mr-4">Stwórz post</Link>
<span className='text-3xl mx-1'>|</span>
<Link to="/profile" className="text-white mr-4">Profil</Link>
<span className='text-3xl mx-1'>|</span>
<button onClick={handleLogout} className="text-white">Wyloguj się</button>
</>
) : (
<>
<Link to="/login" className="text-white mr-4">Zaloguj się</Link>
<span className='text-3xl mx-1'>|</span>
<Link to="/register" className="text-white">Zarejestruj się</Link>
</>
)}
</div>
</header>
);