Fixed: better support of react-router routes that don't have slashes

Closes #941
MoOx · Feb 23, 2017 · 7fc3ad2 · 7fc3ad2
1 parent 2f49e02
commit 7fc3ad2
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/static/routes-to-urls/__tests__/index.js b/src/static/routes-to-urls/__tests__/index.js
@@ -57,11 +57,11 @@ const collection: PhenomicCollection = [
 const routes = (
   <Route component={ Noop }>
     <Route path="/author/:author" component={ Noop } />
-    <Route path="/blog" component={ Noop }>
-      <Route path="/category/:category" component={ Noop } />
+    <Route path="blog" component={ Noop }>
+      <Route path="category/:category" component={ Noop } />
       <Route path="/tag/:tag" component={ Noop } />
     </Route>
-    <Route path="/key/:key" component={ Noop } />
+    <Route path="key/:key" component={ Noop } />
     <Route path="*" component={ Noop } />
   </Route>
 )

diff --git a/src/static/routes-to-urls/index.js b/src/static/routes-to-urls/index.js
@@ -2,6 +2,7 @@
 
 import { createRoutes, formatPattern } from "react-router"
 import colors from "chalk"
+import urlJoin from "url-join"
 
 import arrayUnique from "../../_utils/array-unique"
 
@@ -15,7 +16,7 @@ const flattenRoute = (route) => {
     route.childRoutes.forEach((route) => {
       routesUrls = [
         ...routesUrls,
-        ...flattenRoute(route).map((r) => root + r),
+        ...flattenRoute(route).map((r) => urlJoin(root, r)),
       ]
     })
   }