From 6feb332973393b48369e12516808ad5294c9a843 Mon Sep 17 00:00:00 2001
From: Eug-VS <eug-vs@keemail.me>
Date: Tue, 31 Dec 2019 02:39:09 +0300
Subject: Add initial Header component

---
 src/App.js               | 10 ++++++----
 src/components/Header.js | 15 +++++++++++++++
 2 files changed, 21 insertions(+), 4 deletions(-)
 create mode 100644 src/components/Header.js

(limited to 'src')

diff --git a/src/App.js b/src/App.js
index 386e165..5954efa 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,9 +1,11 @@
 import React from 'react';
+import Header from "./components/Header";
 
-const App = () => {
-  return (
+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
new file mode 100644
index 0000000..2104530
--- /dev/null
+++ b/src/components/Header.js
@@ -0,0 +1,15 @@
+import React from "react";
+
+const Header = () => (
+  <div>
+    <h2> ChronoCube </h2>
+    <ul>
+      <li> Home </li>
+      <li> App </li>
+      <li> Scoreboard </li>
+      <li> News </li>
+    </ul>
+  </div>
+);
+
+export default Header;
-- 
cgit v1.2.3


From 11f4a2cff3068cdb27bf5da0054d8204a3ee5070 Mon Sep 17 00:00:00 2001
From: Eug-VS <eug-vs@keemail.me>
Date: Tue, 31 Dec 2019 03:20:49 +0300
Subject: Transfer App.ts -> index.js, add css baseline

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

More info: https://material-ui.com/components/css-baseline/
---
 src/App.js               | 11 -----------
 src/components/Header.js |  2 +-
 src/index.js             | 20 +++++++++++++++++++-
 3 files changed, 20 insertions(+), 13 deletions(-)
 delete mode 100644 src/App.js

(limited to 'src')

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'));
-- 
cgit v1.2.3