1 files changed, 28 insertions, 0 deletions
diff --git a/public/projects/react-small-apps/apps/notebook/src/components/layout/Nav/NavJump.js b/public/projects/react-small-apps/apps/notebook/src/components/layout/Nav/NavJump.js
new file mode 100644
index 0000000..9d2a049
--- /dev/null
+++ b/public/projects/react-small-apps/apps/notebook/src/components/layout/Nav/NavJump.js
@@ -0,0 +1,28 @@
+import { NavLink } from "react-router-dom";
+import { List } from "../../commons";
+
+function NavJump({ pages }) {
+  const links = pages
+    .filter((page) => page.id > 0)
+    .map((page) => {
+      return {
+        id: page.id,
+        body: (
+          <NavLink
+            key={page.id}
+            className={({ isActive }) =>
+              isActive ? "list__link--current" : "list__link"
+            }
+            aria-current="page"
+            to={page.url}
+          >
+            {page.title}
+          </NavLink>
+        ),
+      };
+    });
+
+  return <List data={links} modifier="nav" />;
+}
+
+export default NavJump;