Refactor, tweaks, clean-up, improve

src/App.tsx

@@ -1,8 +1,8 @@
 import React from 'react'
 import './App.scss'
 import { IndexRoute } from './components/IndexRoute'
-import { PlaygroundRoute } from './components/PlaygroundRoute'
-import { BrowserRouter as Router, Route, Switch } from 'react-router-dom'
+import { Playground } from './components/Playground'
+import { BrowserRouter as Router, Route, Switch, Link } from 'react-router-dom'
 
 const App: React.FC = () => {
   return (
@@ -10,9 +10,15 @@ const App: React.FC = () => {
     {/* <Router basename={process.env.NODE_ENV !== 'development' ? '%PUBLIC_URL%' : ''}> */}
       <div className="App">
         <Switch>
-          <Route exact path="/playground" component={PlaygroundRoute} />
+          <Route exact path="/playground" component={Playground} />
           <Route path="/:selectedClass?/:pointString?" component={IndexRoute} />
         </Switch>
+
+        <footer>
+          <Link to="/">Home</Link>
+          {' - '}
+          <Link to="/playground">Components</Link>
+        </footer>
       </div>
     </Router>
   );