Transfer App.ts -> index.js, add css baseline

Install dependencies:
 * @material-ui/core
 * styled-components

More info: https://material-ui.com/components/css-baseline/

3 files changed, 20 insertions, 13 deletions

diff --git a/src/App.js b/src/App.js
deleted file mode 100644
index 5954efa..0000000
--- a/src/App.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import Header from "./components/Header";
-
-const App = () => (
-  <div>
-    <Header/>
-    <h1> ChronoCube - a professional speedcubing timer</h1>
-  </div>
-);
-
-export default App;
diff --git a/src/components/Header.js b/src/components/Header.js
index 2104530..47da527 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -2,7 +2,7 @@ import React from "react";
 
 const Header = () => (
   <div>
-    <h2> ChronoCube </h2>
+    <span> ChronoCube </span>
     <ul>
       <li> Home </li>
       <li> App </li>
diff --git a/src/index.js b/src/index.js
index b597a44..512d416 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,5 +1,23 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import App from './App';
+
+import styled from 'styled-components';
+import CssBaseline from '@material-ui/core/CssBaseline'
+
+import Header from "./components/Header";
+
+
+const App = () => (
+  <Root>
+    <CssBaseline/>
+    <Header/>
+    <p> Page content here </p>
+  </Root>
+);
+
+const Root = styled.div`
+  background: lightgrey;
+`;
+
 
 ReactDOM.render(<App />, document.getElementById('root'));