refactoring

latviancoder · latviancoder · commit d24c118858c4 · 2018-11-07T10:50:24.000+01:00
diff --git a/src/App.js b/src/App.js
@@ -2,9 +2,10 @@ import React from 'react';
 import { BrowserRouter as Router, Route, Link } from 'react-router-dom';
 
 import AccordionScreen from './components/accordion';
-import Screen from './components/form-library';
+import FormLibraryScreen from './components/form-library';
 import WindowWidthScreen from './components/window-width';
-import TodoList from "./components/todo-list";
+import TodoList from './components/todo-list';
+import SortableScreen from "./components/sortable";
 
 function App() {
   return (
@@ -38,14 +39,20 @@ function App() {
             </Link>
             <span>Look mum, <pre>useReducer</pre> is almost Redux!</span>
           </div>
+          <div className="item">
+            <Link className="link" to="/sortable">
+             Sortable
+            </Link>
+          </div>
         </nav>
 
         <div className="content">
           <Route path="/" exact component={() => <div>use navigation on the left</div>}/>
           <Route path="/accordion" component={AccordionScreen}/>
-          <Route path="/form-library" component={Screen}/>
+          <Route path="/form-library" component={FormLibraryScreen}/>
           <Route path="/window-width" component={WindowWidthScreen}/>
           <Route path="/todo-list" component={TodoList}/>
+          <Route path="/sortable" component={SortableScreen}/>
         </div>
       </div>
     </Router>
diff --git a/src/components/form-library/FormLibrary.js b/src/components/form-library/FormLibrary.js
@@ -1,4 +1,4 @@
-import React, { useState, useEffect, createContext } from "react";
+import React, { useState, createContext } from "react";
 
 const FormContext = createContext(null);
 
diff --git a/src/index.scss b/src/index.scss
@@ -1,5 +1,9 @@
 @import "../node_modules/normalize.css/normalize.css";
 
+body {
+  font-family: "Helvetica Neue", sans-serif;
+}
+
 * {
   box-sizing: border-box;
 }
@@ -8,7 +12,6 @@
   min-height: 100vh;
   display: flex;
   align-items: stretch;
-  font-family: "Helvetica Neue", sans-serif;
 }
 
 .link {

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import React, { useState, useEffect, createContext } from "react";`
	`1`	`+import React, { useState, createContext } from "react";`
`2`	`2`
`3`	`3`	`const FormContext = createContext(null);`
`4`	`4`