aboutsummaryrefslogtreecommitdiffstats
path: root/public/projects/react-small-apps/apps/notebook/src/components/layout/Nav/NavJump.js
blob: 9d2a049b18490342441279c306cb4b855c2f81fe (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
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;