Create Header.js

KOSASIH · Aug 8, 2024 · 8f5d16f · 8f5d16f
1 parent 8fff373
commit 8f5d16f
Showing 1 changed file with 24 additions and 0 deletions.
diff --git a/projects/ContractSphere/frontend/contract-sphere-frontend/components/Header.js b/projects/ContractSphere/frontend/contract-sphere-frontend/components/Header.js
@@ -0,0 +1,24 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+
+const Header = () => {
+  return (
+    <header>
+      <nav>
+        <ul>
+          <li>
+            <Link to="/">Home</Link>
+          </li>
+          <li>
+            <Link to="/contracts">Contracts</Link>
+          </li>
+          <li>
+            <Link to="/create-contract">Create Contract</Link>
+          </li>
+        </ul>
+      </nav>
+    </header>
+  );
+};
+
+export default Header;