fix background and routing

jdshaeffer · Oct 15, 2023 · 32113d1 · 32113d1
1 parent a46de7f
commit 32113d1
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/src/App.js b/src/App.js
@@ -12,10 +12,10 @@ const App = () => {
             <Route exact path='/dungeon-solitaire'>
               <Intro />
             </Route>
-            <Route path='/easy'>
+            <Route exact path='/dungeon-solitaire/easy'>
               <Game difficulty='easy' />
             </Route>
-            <Route path='/hard'>
+            <Route exact path='/dungeon-solitaire/hard'>
               <Game difficulty='hard' />
             </Route>
           </Switch>

diff --git a/src/Intro.js b/src/Intro.js
@@ -7,10 +7,10 @@ const Intro = () => {
       <h1>welcome to dungeon solitaire (in beta)</h1>
       <h3>pick a difficulty:</h3>
       <div>
-        <Link to='/easy'>
+        <Link to='dungeon-solitaire/easy'>
           <button>easy</button>
         </Link>
-        <Link to='/hard'>
+        <Link to='dungeon-solitaire/hard'>
           <button>hard</button>
         </Link>
       </div>

diff --git a/src/index.css b/src/index.css
@@ -5,6 +5,7 @@ body {
     sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  background-color: #282c34;
 }
 
 code {

diff --git a/src/index.js b/src/index.js
@@ -1,8 +1,7 @@
-import React from 'react';
 import ReactDOM from 'react-dom';
-import './index.css';
 import App from './App';
 import { BrowserRouter } from 'react-router-dom';
+import './index.css';
 
 ReactDOM.render(
   <BrowserRouter>