++

Added already existing code for further development
2024-12-18 10:59:28 +01:00
commit dab55442be
2034 changed files with 264398 additions and 0 deletions
@@ -0,0 +1,60 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+
+const Header = ({ isLoggedIn }) => {
+  return (
+    <header style={styles.header}>
+      <nav style={styles.nav}>
+        <ul style={styles.navList}>
+          <li style={styles.navItem}>
+            <Link to="/" style={styles.navLink}>Home</Link>
+          </li>
+          <li style={styles.navItem}>
+            <Link to="/login" style={styles.navLink}>Login</Link>
+          </li>
+          <li style={styles.navItem}>
+            <Link to="/register" style={styles.navLink}>Register</Link>
+          </li>
+          {isLoggedIn && (
+            <li style={styles.navItem}>
+              <Link to="/profile" style={styles.navLink}>Profile</Link>
+            </li>
+          )}
+        </ul>
+      </nav>
+    </header>
+  );
+}
+
+const styles = {
+  header: {
+    backgroundColor: '#333',
+    padding: '10px 0',
+    position: 'fixed',
+    width: '100%',
+    top: 0,
+    left: 0,
+    zIndex: 1000,
+  },
+  nav: {
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  navList: {
+    listStyle: 'none',
+    display: 'flex',
+    margin: 0,
+    padding: 0,
+  },
+  navItem: {
+    margin: '0 15px',
+  },
+  navLink: {
+    color: '#fff',
+    textDecoration: 'none',
+    fontSize: '16px',
+  }
+};
+
+export default Header;