Pierwszy commit

src/components/Header.tsx

@@ -0,0 +1,42 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { useAtom } from 'jotai';
+import { authAtom, updateAuthAtom } from '../atoms/authAtom';
+import { pb } from '../lib/pocketbase';
+
+const Header: React.FC = () => {
+  const [isAuth] = useAtom(authAtom);
+  const [, updateAuth] = useAtom(updateAuthAtom);
+
+  const handleLogout = () => {
+    pb.authStore.clear();
+    updateAuth();
+  };
+
+  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>
+    </header>
+  );
+};
+
+export default Header;
+
+// komponent odpowiedzialny za nagłówek strony