implement navbar customization

FreakDev · Oct 25, 2017 · 095ac39 · 095ac39
1 parent c44a1a8
commit 095ac39
Showing 1 changed file with 18 additions and 14 deletions.
diff --git a/src/NavigationBar.js b/src/NavigationBar.js
@@ -2,20 +2,24 @@ import React from 'react'
 
 import { Link } from 'react-router-dom';
 
-export default ({ pages }) => {
+export default ({ pages, ...props }) => {
     return (
-        <nav>
-            <ul>{
-                pages.map((page, k) => {
-                    return (
-                        <li key={k}>
-                            <Link to={ page.path }>
-                                { page.name }
-                            </Link>
-                        </li>    
-                    )
-                })
-            }</ul>
-        </nav>
+        <nav>{
+            props.render ? 
+                props.render(pages) :
+                (
+                <ul>{
+                    pages.map((page, k) => {
+                        return (
+                            <li key={k}>
+                                <Link to={ page.path }>{
+                                    props.link ? props.link(page) : page.name
+                                }</Link>
+                            </li>    
+                        )
+                    })
+                }</ul>
+                )
+        }</nav>
     )
 }