From 48031ac7d819b33fc5089b02d90889a79e71ca83 Mon Sep 17 00:00:00 2001
From: colinrcummings <colinrcummings@gmail.com>
Date: Fri, 2 Nov 2018 15:27:20 -0400
Subject: [PATCH] revise @reach/router usage for gh-pages

https://github.com/facebook/create-react-app/issues/1765#issuecomment-434118175
---
 src/App.js                          | 4 ++--
 src/components/TodoDetails.js       | 4 ++--
 src/components/TodoListGroupItem.js | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/App.js b/src/App.js
index ce0947f..ba79402 100644
--- 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
index ada6cf7..86ec75c 100644
--- 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
index 6f97304..681e53c 100644
--- 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>
 );