From 488c4ed02814f35ba33bfd4bd23fa6968717c53b Mon Sep 17 00:00:00 2001
From: Eug-VS <eug-vs@keemail.me>
Date: Tue, 31 Dec 2019 21:52:45 +0300
Subject: Create page state and pass it to Header

---
 src/components/Header.js | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

(limited to 'src/components')

diff --git a/src/components/Header.js b/src/components/Header.js
index cd217fc..cca73ed 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -7,17 +7,24 @@ import {
 } from "@material-ui/core";
 import styled from 'styled-components';
 
-const Header = () => (
+const Header = ({ setPage }) => {
+
+  const handleChange = (event, newPage) => {
+    setPage(newPage);
+  };
+
+  return (
   <AppBar position="static">
-    <TabsWrapper>
+    <TabsWrapper onChange={handleChange}>
       <Typography variant="h4" id="logo"> ChronoCube </Typography>
-      <Tab label="Home" />
-      <Tab label="App" />
-      <Tab label="Scoreboard" />
-      <Tab label="News" />
+      <Tab label="Home" value="home"/>
+      <Tab label="App" value="app"/>
+      <Tab label="Scoreboard" value="scoreboard"/>
+      <Tab label="News" value="news"/>
     </TabsWrapper>
   </AppBar>
-);
+  );
+};
 
 const TabsWrapper = styled(Tabs)`
   border-bottom: 1px solid black;
-- 
cgit v1.2.3