Browse Source

dropdown: add button to dropdown and combine map types

Bernadette Elena Hammerle 4 years ago
parent
commit
6460936fb3
2 changed files with 17 additions and 8 deletions
  1. 3 0
      src/NavDropdown.js
  2. 14 8
      src/config/navLinks.js

+ 3 - 0
src/NavDropdown.js

@@ -25,6 +25,9 @@ export default class NavDropdown extends React.Component{
         <DropdownToggle caret color="link" className="pl-0"/>
         <DropdownMenu right>
           <DropdownItem >
+            <Link className="nav-link text-dark" to={this.props.link.url}>
+              {this.props.link.name}
+            </Link>
             {this.props.link.sublinks.map((sublink, idx) => (
               <Link className="nav-link text-dark" to={sublink.url} key={idx}>
                 {sublink.name}

+ 14 - 8
src/config/navLinks.js

@@ -10,9 +10,21 @@
       ]
     },
     {
-      name: "Map GL",
-      url: "/map-gl",
+      name: "Mapbox",
+      url: "/mapbox",
       sublinks: [
+        {
+          name: "Mapbox Test",
+          url: "/mapbox/test"
+        },
+        {
+          name: "Map GL",
+          url: "/map-gl"
+        },
+        {
+          name: "Map GL Test",
+          url: "/map-gl/test"
+        }
       ]
     },
     {
@@ -30,11 +42,5 @@
       url: "/google-map",
       sublinks: [
       ]
-    },
-        {
-      name: "Mapbox",
-      url: "/mapbox",
-      sublinks: [
-      ]
     },
   ];