revise @reach/router usage for gh-pages

facebook/create-react-app#1765 (comment)
colinrobertbrooks · Nov 2, 2018 · 48031ac · 48031ac
1 parent d2531be
commit 48031ac
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/src/App.js b/src/App.js
@@ -16,8 +16,8 @@ function App() {
     <Suspense maxDuration={500} fallback={<Loading />}>
       <Container>
         <Router>
-          <TodoListPage path="/" />
-          <TodoDetailsPage path="details/:id" />
+          <TodoListPage path={`${process.env.PUBLIC_URL}/`} />
+          <TodoDetailsPage path={`${process.env.PUBLIC_URL}/details/:id`} />
         </Router>
       </Container>
     </Suspense>

diff --git a/src/components/TodoDetails.js b/src/components/TodoDetails.js
@@ -35,7 +35,7 @@ const TodoDetails = ({ id }) => {
           </p>
         </Col>
         <Col xs={12}>
-          <Link to="/">Todos</Link>
+          <Link to={`${process.env.PUBLIC_URL}/`}>Todos</Link>
         </Col>
       </Row>
     );
@@ -75,7 +75,7 @@ const TodoDetails = ({ id }) => {
         </Table>
       </Col>
       <Col xs={12}>
-        <Link to="/">Todos</Link>
+        <Link to={`${process.env.PUBLIC_URL}/`}>Todos</Link>
       </Col>
     </Row>
   );

diff --git a/src/components/TodoListGroupItem.js b/src/components/TodoListGroupItem.js
@@ -9,7 +9,7 @@ const TodoListGroupItem = ({ id, text, completed }) => (
     <h4>
       {text} <TodoCompletedBadge completed={completed} />
     </h4>
-    <Link to={`details/${id}`}>Details</Link>
+    <Link to={`${process.env.PUBLIC_URL}/details/${id}`}>Details</Link>
   </ListGroupItem>
 );