├── .eslintrc.js
├── .github
    └── ISSUE_TEMPLATE
    │   ├── bug_report.md
    │   └── feature_request.md
├── .gitignore
├── .history
    └── src
    │   ├── App_20190828171652.js
    │   ├── App_20190829005731.js
    │   ├── App_20190829005736.js
    │   ├── App_20190829010953.js
    │   ├── App_20190829011037.js
    │   ├── App_20190829011923.js
    │   ├── App_20190829011958.js
    │   ├── App_20190829012021.js
    │   ├── App_20190829012042.js
    │   ├── App_20190829012045.js
    │   ├── App_20190829012619.js
    │   ├── App_20190829012735.js
    │   ├── App_20190829012809.js
    │   ├── App_20190829012810.js
    │   ├── App_20190829013004.js
    │   ├── App_20190829013032.js
    │   ├── App_20190829013138.js
    │   ├── App_20190829013220.js
    │   ├── App_20190829013225.js
    │   ├── App_20190829013228.js
    │   ├── App_20190829013257.js
    │   ├── App_20190829013302.js
    │   ├── App_20190829013311.js
    │   ├── App_20190829013351.js
    │   ├── App_20190829013417.js
    │   ├── App_20190829013443.js
    │   ├── App_20190829013455.js
    │   ├── App_20190829014014.js
    │   ├── App_20190829014029.js
    │   ├── App_20190829014329.js
    │   ├── App_20190829014345.js
    │   ├── App_20190829014428.js
    │   ├── App_20190829014439.js
    │   ├── App_20190829014653.js
    │   ├── App_20190829014725.js
    │   ├── App_20190829014739.js
    │   ├── App_20190829014746.js
    │   ├── App_20190829014752.js
    │   ├── App_20190829014758.js
    │   ├── App_20190829020153.js
    │   ├── App_20190829020446.js
    │   ├── components
    │       ├── Pages
    │       │   ├── AboutUs_20190829005421.js
    │       │   ├── AboutUs_20190829005612.js
    │       │   ├── AboutUs_20190829011531.js
    │       │   ├── AboutUs_20190829014910.js
    │       │   ├── AboutUs_20190829015534.js
    │       │   ├── AboutUs_20190829015540.js
    │       │   ├── AboutUs_20190829020419.js
    │       │   ├── Achievement_20190829011841.js
    │       │   ├── Achievement_20190829011904.js
    │       │   ├── Mentorship_20190829011607.js
    │       │   ├── Mentorship_20190829011827.js
    │       │   ├── Resources_20190829011656.js
    │       │   ├── Resources_20190829011815.js
    │       │   ├── Speciality_20190829011629.js
    │       │   ├── Speciality_20190829011802.js
    │       │   ├── Team_20190829011558.js
    │       │   └── Team_20190829011925.js
    │       └── layouts
    │       │   ├── AboutUs_20190829020107.js
    │       │   ├── AboutUs_20190829020220.js
    │       │   ├── Header_20190828171652.js
    │       │   ├── Header_20190829015029.js
    │       │   ├── Header_20190829015056.js
    │       │   ├── Header_20190829015131.js
    │       │   ├── Header_20190829015142.js
    │       │   ├── Header_20190829015150.js
    │       │   ├── Header_20190829015202.js
    │       │   ├── Header_20190829015222.js
    │       │   ├── Header_20190829015430.js
    │       │   ├── Header_20190829015519.js
    │       │   ├── Header_20190829015605.js
    │       │   ├── Header_20190829015620.js
    │       │   ├── Header_20190829015746.js
    │       │   ├── Header_20190829015821.js
    │       │   ├── Header_20190829015827.js
    │       │   ├── Header_20190829015832.js
    │       │   ├── Header_20190829015839.js
    │       │   ├── Header_20190829015845.js
    │       │   ├── Header_20190829015900.js
    │       │   ├── Header_20190829015912.js
    │       │   ├── Header_20190829015921.js
    │       │   ├── Header_20190829015925.js
    │       │   ├── Header_20190829015942.js
    │       │   ├── Header_20190829020002.js
    │       │   ├── Header_20190829020008.js
    │       │   ├── Header_20190829020022.js
    │       │   ├── Header_20190829020027.js
    │       │   ├── Header_20190829020046.js
    │       │   ├── Header_20190829020124.js
    │       │   ├── Header_20190829020131.js
    │       │   ├── Header_20190829020212.js
    │       │   ├── Header_20190829020305.js
    │       │   ├── Header_20190829020338.js
    │       │   ├── Header_20190829020352.js
    │       │   ├── Header_20190829020403.js
    │       │   ├── Header_20190829020455.js
    │       │   ├── Header_20190829020502.js
    │       │   ├── Header_20190829020509.js
    │       │   ├── Header_20190829020514.js
    │       │   ├── Header_20190829020528.js
    │       │   ├── Header_20190829020533.js
    │       │   ├── Header_20190829020543.js
    │       │   ├── Header_20190829020546.js
    │       │   ├── Header_20190829020602.js
    │       │   ├── Header_20190829020606.js
    │       │   ├── Header_20190829020609.js
    │       │   ├── Header_20190829020611.js
    │       │   ├── Header_20190829020700.js
    │       │   ├── Header_20190829020706.js
    │       │   ├── Header_20190829020710.js
    │       │   ├── Header_20190829020713.js
    │       │   ├── Header_20190829020724.js
    │       │   ├── Header_20190829020726.js
    │       │   ├── Header_20190829020730.js
    │       │   ├── Header_20190829020734.js
    │       │   ├── Header_20190829020750.js
    │       │   ├── Header_20190829020806.js
    │       │   ├── Header_20190829020833.js
    │       │   ├── Header_20190829020906.js
    │       │   ├── Header_20190829020919.js
    │       │   └── Header_20190829021135.js
    │   ├── index_20190828171652.js
    │   ├── index_20190829012413.js
    │   ├── index_20190829012519.js
    │   ├── index_20190829012551.js
    │   ├── index_20190829014051.js
    │   └── index_20190829014053.js
├── .prettierrc
├── LICENSE
├── README.md
├── package-lock.json
├── package.json
├── public
    ├── favicon.png
    ├── index.html
    ├── manifest.json
    └── robots.txt
├── sds
└── src
    ├── App.css
    ├── App.js
    ├── App.test.js
    ├── Components
        ├── Layouts
        │   ├── Alerts.js
        │   ├── ChatBox.js
        │   ├── Footer.js
        │   ├── LoadUser.js
        │   ├── Loader.js
        │   ├── ProfileTabs.js
        │   ├── ResponsiveDrawer.js
        │   ├── TopMenu.js
        │   ├── index.js
        │   └── liveEvents.js
        ├── Maincontent.js
        ├── Pages
        │   ├── Aboutus.js
        │   ├── Achievements.js
        │   ├── Alumni.js
        │   ├── Contactus.js
        │   ├── Events.js
        │   ├── Groups.js
        │   ├── Homepage.js
        │   ├── Login.js
        │   ├── Mentorship.js
        │   ├── Pannel.js
        │   ├── Profile.js
        │   ├── ProfilePage.js
        │   ├── Resources.js
        │   ├── Team.js
        │   ├── dashboard
        │   │   ├── AddEvent.js
        │   │   ├── AddEventSectionOne.js
        │   │   ├── AddEventSectionThree.js
        │   │   ├── AddEventSectionTwo.js
        │   │   ├── ContactTable.js
        │   │   ├── Dashboard.js
        │   │   ├── Event.js
        │   │   ├── EventTable.js
        │   │   ├── FormSubmitted.js
        │   │   ├── Main.js
        │   │   ├── Profile.js
        │   │   ├── Team.js
        │   │   ├── listitems.js
        │   │   └── users
        │   │   │   ├── UserModal.js
        │   │   │   └── Users.js
        │   └── index.js
        ├── Styles
        │   └── README.md
        ├── color.js
        └── style.css
    ├── context
        ├── alert
        │   ├── AlertState.js
        │   ├── alertContext.js
        │   └── alertReducer.js
        ├── auth
        │   ├── AuthState.js
        │   ├── authContext.js
        │   └── authReducer.js
        ├── contact
        │   ├── ContactState.js
        │   ├── contactContext.js
        │   └── contactReducer.js
        ├── event
        │   ├── eventContext.js
        │   ├── eventReducer.js
        │   └── eventState.js
        └── types.js
    ├── images
        ├── desktop.png
        ├── logo_small.png
        └── mobile.jpg
    ├── index.css
    ├── index.js
    ├── serviceWorker.js
    └── util
        ├── AdminRoutes.js
        ├── LoggedinRoutes.js
        ├── constants.js
        ├── projects.js
        ├── setAuthToken.js
        └── themeContext.js


/.eslintrc.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 | 	env: {
 3 | 		browser: true,
 4 | 		es6: true,
 5 | 		node: true,
 6 | 	},
 7 | 	extends: [
 8 | 		"eslint:recommended",
 9 | 		"plugin:react/recommended",
10 | 		"plugin:prettier/recommended",
11 | 	],
12 | 	globals: {
13 | 		Atomics: "readonly",
14 | 		SharedArrayBuffer: "readonly",
15 | 	},
16 | 	parserOptions: {
17 | 		ecmaFeatures: {
18 | 			jsx: true,
19 | 		},
20 | 		ecmaVersion: 2018,
21 | 		sourceType: "module",
22 | 	},
23 | 	plugins: ["react"],
24 | 	rules: {},
25 | };
26 | 


--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/bug_report.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | name: Bug report
 3 | about: Create a report to help us improve
 4 | title: ''
 5 | labels: Hacktoberfest, bug
 6 | assignees: ''
 7 | 
 8 | ---
 9 | 
10 | **Describe the bug**
11 | A clear and concise description of what the bug is.
12 | 
13 | **To Reproduce**
14 | Steps to reproduce the behavior:
15 | 1. Go to '...'
16 | 2. Click on '....'
17 | 3. Scroll down to '....'
18 | 4. See an error
19 | 
20 | **Expected behavior**
21 | A clear and concise description of what you expected to happen.
22 | 
23 | **Screenshots**
24 | If applicable, add screenshots to help explain your problem.
25 | 
26 | **Desktop (please complete the following information):**
27 |  - OS: [e.g. iOS]
28 |  - Browser [e.g. chrome, safari]
29 |  - Version [e.g. 22]
30 | 
31 | **Smartphone (please complete the following information):**
32 |  - Device: [e.g. iPhone6]
33 |  - OS: [e.g. iOS8.1]
34 |  - Browser [e.g. stock browser, safari]
35 |  - Version [e.g. 22]
36 | 
37 | **Additional context**
38 | Add any other context about the problem here.
39 | 


--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/feature_request.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | name: Feature request
 3 | about: Suggest an idea for this project
 4 | title: ''
 5 | labels: Hacktoberfest, enhancement
 6 | assignees: ''
 7 | 
 8 | ---
 9 | 
10 | **Is your feature request related to a problem? Please describe.**
11 | A clear and concise description of what the problem is. 
12 | 
13 | **Describe the solution you'd like**
14 | A clear and concise description of what you want to happen.
15 | 
16 | **Describe alternatives you've considered**
17 | A clear and concise description of any alternative solutions or features you've considered.
18 | 
19 | **Additional context**
20 | Add any other context or screenshots about the feature request here.
21 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 2 | 
 3 | # dependencies
 4 | /node_modules
 5 | /.pnp
 6 | .pnp.js
 7 | .idea
 8 | 
 9 | 
10 | # testing
11 | /coverage
12 | 
13 | # production
14 | /build
15 | 
16 | # misc
17 | .DS_Store
18 | .env.local
19 | .env.development.local
20 | .env.test.local
21 | .env.production.local
22 | 
23 | npm-debug.log*
24 | yarn-debug.log*
25 | yarn-error.log*
26 | yarn.lock
27 | 
28 | 


--------------------------------------------------------------------------------
/.history/src/App_20190828171652.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | 
 7 | function App() {
 8 |   return (
 9 |     <div className="App">
10 |       <Navbar />
11 |       <Header />
12 |       <Footer />
13 |       
14 |     </div>
15 |   );
16 | }
17 | 
18 | export default App;
19 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829005731.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs"
 7 | 
 8 | function App() {
 9 |   return (
10 |     <div className="App">
11 |       <Navbar />
12 |       <Header />
13 |       <Footer />
14 |       
15 |     </div>
16 |   );
17 | }
18 | 
19 | export default App;
20 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829005736.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | 
 8 | function App() {
 9 |   return (
10 |     <div className="App">
11 |       <Navbar />
12 |       <Header />
13 |       <Footer />
14 |       
15 |     </div>
16 |   );
17 | }
18 | 
19 | export default App;
20 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829010953.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | 
 8 | function App() {
 9 |   return (
10 |     <div className="App">
11 |       <AboutUs></AboutUs>
12 |       <Navbar />
13 |       <Header />
14 |       <Footer />
15 |       
16 |     </div>
17 |   );
18 | }
19 | 
20 | export default App;
21 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829011037.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | 
 8 | function App() {
 9 |   return (
10 |     <div className="App">
11 |       <AboutUs></AboutUs>
12 |       <Navbar />
13 |       <Header />
14 |       <Footer />
15 |       
16 |     </div>
17 |   );
18 | }
19 | 
20 | export default App;
21 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829011923.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | 
 9 | function App() {
10 |   return (
11 |     <div className="App">
12 |       <AboutUs></AboutUs>
13 |       <Team></Team>
14 |       <Navbar />
15 |       <Header />
16 |       <Footer />
17 |       
18 |     </div>
19 |   );
20 | }
21 | 
22 | export default App;
23 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829011958.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | 
10 | function App() {
11 |   return (
12 |     <div className="App">
13 |       <AboutUs></AboutUs>
14 |       <Team></Team>
15 |       <Speciality />
16 |       <Navbar />
17 |       <Header />
18 |       <Footer />
19 |       
20 |     </div>
21 |   );
22 | }
23 | 
24 | export default App;
25 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829012021.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | 
10 | function App() {
11 |   return (
12 |     <div className="App">
13 |       <AboutUs />
14 |       <Team />
15 |       <Speciality />
16 |       <Navbar />
17 |       <Header />
18 |       <Footer />
19 |       
20 |     </div>
21 |   );
22 | }
23 | 
24 | export default App;
25 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829012042.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | import Resources from './components/Pages/Resources';
10 | import Achievement from './components/Pages/Achievement';
11 | 
12 | function App() {
13 |   return (
14 |     <div className="App">
15 |       <AboutUs />
16 |       <Team />
17 |       <Speciality />
18 |       <Resources />
19 |       <Achievement />
20 |       <Navbar />
21 |       <Header />
22 |       <Footer />
23 |       
24 |     </div>
25 |   );
26 | }
27 | 
28 | export default App;
29 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829012045.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | import Resources from './components/Pages/Resources';
10 | import Achievement from './components/Pages/Achievement';
11 | 
12 | function App() {
13 |   return (
14 |     <div className="App">
15 |       <AboutUs />
16 |       <Team />
17 |       <Speciality />
18 |       <Resources />
19 |       <Achievement />
20 |       <Navbar />
21 |       <Header />
22 |       <Footer />
23 |       
24 |     </div>
25 |   );
26 | }
27 | 
28 | export default App;
29 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829012619.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | import Resources from './components/Pages/Resources';
10 | import Achievement from './components/Pages/Achievement';
11 | import {router,switch} from 'react-router-dom'
12 | 
13 | function App() {
14 |   return (
15 |     <div className="App">
16 |       <AboutUs />
17 |       <Team />
18 |       <Speciality />
19 |       <Resources />
20 |       <Achievement />
21 |       <Navbar />
22 |       <Header />
23 |       <Footer />
24 |       
25 |     </div>
26 |   );
27 | }
28 | 
29 | export default App;
30 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829012735.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | import Resources from './components/Pages/Resources';
10 | import Achievement from './components/Pages/Achievement';
11 | import {Route,Switch} from 'react-router-dom'
12 | 
13 | function App() {
14 |   return (
15 |     <div className="App">
16 |       <Route 
17 |       <AboutUs />
18 |       <Team />
19 |       <Speciality />
20 |       <Resources />
21 |       <Achievement />
22 |       <Navbar />
23 |       <Header />
24 |       <Footer />
25 |       
26 |     </div>
27 |   );
28 | }
29 | 
30 | export default App;
31 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829012809.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | import Resources from './components/Pages/Resources';
10 | import Achievement from './components/Pages/Achievement';
11 | import {Route,Switch} from 'react-router-dom'
12 | 
13 | function App() {
14 |   return (
15 |     <div className="App">
16 |       <Route path="/" component={AboutUs}></Route>
17 |       <AboutUs />
18 |       <Team />
19 |       <Speciality />
20 |       <Resources />
21 |       <Achievement />
22 |       <Navbar />
23 |       <Header />
24 |       <Footer />
25 |       
26 |     </div>
27 |   );
28 | }
29 | 
30 | export default App;
31 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829012810.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | import Resources from './components/Pages/Resources';
10 | import Achievement from './components/Pages/Achievement';
11 | import {Route,Switch} from 'react-router-dom'
12 | 
13 | function App() {
14 |   return (
15 |     <div className="App">
16 |       <Route path="/" component={AboutUs}></Route>
17 |       <AboutUs />
18 |       <Team />
19 |       <Speciality />
20 |       <Resources />
21 |       <Achievement />
22 |       <Navbar />
23 |       <Header />
24 |       <Footer />
25 |       
26 |     </div>
27 |   );
28 | }
29 | 
30 | export default App;
31 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829013004.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | import Resources from './components/Pages/Resources';
10 | import Achievement from './components/Pages/Achievement';
11 | import {Route,Switch} from 'react-router-dom'
12 | 
13 | function App() {
14 |   return (
15 |     <div className="App">
16 |       <Route path="/AboutUs/" component={AboutUs} />
17 |       <AboutUs />
18 |       <Team />
19 |       <Speciality />
20 |       <Resources />
21 |       <Achievement />
22 |       <Navbar />
23 |       <Header />
24 |       <Footer />
25 |       
26 |     </div>
27 |   );
28 | }
29 | 
30 | export default App;
31 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829013032.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | import Resources from './components/Pages/Resources';
10 | import Achievement from './components/Pages/Achievement';
11 | import {Route,Switch} from 'react-router-dom'
12 | 
13 | function App() {
14 |   return (
15 |     <div className="App">
16 |       <Route path="/AboutUs/" component={AboutUs} />
17 |       <Team />
18 |       <Speciality />
19 |       <Resources />
20 |       <Achievement />
21 |       <Navbar />
22 |       <Header />
23 |       <Footer />
24 |       
25 |     </div>
26 |   );
27 | }
28 | 
29 | export default App;
30 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829013138.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | import Resources from './components/Pages/Resources';
10 | import Achievement from './components/Pages/Achievement';
11 | import {Route,Switch} from 'react-router-dom'
12 | 
13 | function App() {
14 |   return (
15 |     <div className="App">
16 |       <Route exact path=".Pages/AboutUs/" component={AboutUs} />
17 |       <Team />
18 |       <Speciality />
19 |       <Resources />
20 |       <Achievement />
21 |       <Navbar />
22 |       <Header />
23 |       <Footer />
24 |       
25 |     </div>
26 |   );
27 | }
28 | 
29 | export default App;
30 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829013220.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | import Resources from './components/Pages/Resources';
10 | import Achievement from './components/Pages/Achievement';
11 | import {Route,Switch} from 'react-router-dom'
12 | 
13 | function App() {
14 |   return (
15 |     <div className="App">
16 |       <Route exact path="Pages/AboutUs/" component={AboutUs} />
17 |       <Route exact path=""
18 |       <Team />
19 |       <Speciality />
20 |       <Resources />
21 |       <Achievement />
22 |       <Navbar />
23 |       <Header />
24 |       <Footer />
25 |       
26 |     </div>
27 |   );
28 | }
29 | 
30 | export default App;
31 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829013225.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | import Resources from './components/Pages/Resources';
10 | import Achievement from './components/Pages/Achievement';
11 | import {Route,Switch} from 'react-router-dom'
12 | 
13 | function App() {
14 |   return (
15 |     <div className="App">
16 |       <Route exact path="/Pages/AboutUs/" component={AboutUs} />
17 |       <Route exact path=""
18 |       <Team />
19 |       <Speciality />
20 |       <Resources />
21 |       <Achievement />
22 |       <Navbar />
23 |       <Header />
24 |       <Footer />
25 |       
26 |     </div>
27 |   );
28 | }
29 | 
30 | export default App;
31 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829013228.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | import Resources from './components/Pages/Resources';
10 | import Achievement from './components/Pages/Achievement';
11 | import {Route,Switch} from 'react-router-dom'
12 | 
13 | function App() {
14 |   return (
15 |     <div className="App">
16 |       <Route exact path="./Pages/AboutUs/" component={AboutUs} />
17 |       <Route exact path=""
18 |       <Team />
19 |       <Speciality />
20 |       <Resources />
21 |       <Achievement />
22 |       <Navbar />
23 |       <Header />
24 |       <Footer />
25 |       
26 |     </div>
27 |   );
28 | }
29 | 
30 | export default App;
31 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829013257.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | import Resources from './components/Pages/Resources';
10 | import Achievement from './components/Pages/Achievement';
11 | import {Route,Switch} from 'react-router-dom'
12 | 
13 | function App() {
14 |   return (
15 |     <div className="App">
16 |       <Route exact path="./Pages/AboutUs/" component={AboutUs} />
17 |       <Route exact path="./Pages/Team/" component={Team}/>
18 |       <Team />
19 |       <Speciality />
20 |       <Resources />
21 |       <Achievement />
22 |       <Navbar />
23 |       <Header />
24 |       <Footer />
25 |       
26 |     </div>
27 |   );
28 | }
29 | 
30 | export default App;
31 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829013302.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | import Resources from './components/Pages/Resources';
10 | import Achievement from './components/Pages/Achievement';
11 | import {Route,Switch} from 'react-router-dom'
12 | 
13 | function App() {
14 |   return (
15 |     <div className="App">
16 |       <Route exact path="./Pages/AboutUs/" component={AboutUs} />
17 |       <Route exact path="./Pages/Team/" component={Team}/>
18 |       <Team />
19 |       <Speciality />
20 |       <Resources />
21 |       <Achievement />
22 |       <Navbar />
23 |       <Header />
24 |       <Footer />
25 |       
26 |     </div>
27 |   );
28 | }
29 | 
30 | export default App;
31 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829013311.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | import Resources from './components/Pages/Resources';
10 | import Achievement from './components/Pages/Achievement';
11 | import {Route,Switch} from 'react-router-dom'
12 | 
13 | function App() {
14 |   return (
15 |     <div className="App">
16 |       <Route exact path="./Pages/AboutUs/" component={AboutUs} />
17 |       <Route exact path="./Pages/Team/" component={Team}/>
18 |       <Speciality />
19 |       <Resources />
20 |       <Achievement />
21 |       <Navbar />
22 |       <Header />
23 |       <Footer />
24 |       
25 |     </div>
26 |   );
27 | }
28 | 
29 | export default App;
30 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829013351.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/layouts/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | import Resources from './components/Pages/Resources';
10 | import Achievement from './components/Pages/Achievement';
11 | import {Route,Switch} from 'react-router-dom'
12 | 
13 | function App() {
14 |   return (
15 |     <div className="App">
16 |       <Route exact path="/AboutUs/" component={AboutUs} />
17 |       <Route exact path="./Pages/Team/" component={Team}/>
18 |       <Speciality />
19 |       <Resources />
20 |       <Achievement />
21 |       <Navbar />
22 |       <Header />
23 |       <Footer />
24 |       
25 |     </div>
26 |   );
27 | }
28 | 
29 | export default App;
30 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829013417.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | import Resources from './components/Pages/Resources';
10 | import Achievement from './components/Pages/Achievement';
11 | import {Route,Switch} from 'react-router-dom'
12 | 
13 | function App() {
14 |   return (
15 |     <div className="App">
16 |       <Route exact path="./Pages/AboutUs/" component={AboutUs} />
17 |       <Route exact path="./Pages/Team/" component={Team}/>
18 |       <Speciality />
19 |       <Resources />
20 |       <Achievement />
21 |       <Navbar />
22 |       <Header />
23 |       <Footer />
24 |       
25 |     </div>
26 |   );
27 | }
28 | 
29 | export default App;
30 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829013443.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | import Resources from './components/Pages/Resources';
10 | import Achievement from './components/Pages/Achievement';
11 | import {Route,Switch} from 'react-router-dom'
12 | 
13 | function App() {
14 |   return (
15 |     <div className="App">
16 |       <Route exact path="./Pages/AboutUs/" component={AboutUs} />
17 |       <Route exact path="./Pages/Team/" component={Team} />
18 |       <Speciality />
19 |       <Resources />
20 |       <Achievement />
21 |       <Navbar />
22 |       <Header />
23 |       <Footer />
24 |       
25 |     </div>
26 |   );
27 | }
28 | 
29 | export default App;
30 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829013455.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | import Resources from './components/Pages/Resources';
10 | import Achievement from './components/Pages/Achievement';
11 | import {Route,Switch} from 'react-router-dom';
12 | 
13 | function App() {
14 |   return (
15 |     <div className="App">
16 |       <Route exact path="./Pages/AboutUs/" component={AboutUs} />
17 |       <Route exact path="./Pages/Team/" component={Team} />
18 |       <Speciality />
19 |       <Resources />
20 |       <Achievement />
21 |       <Navbar />
22 |       <Header />
23 |       <Footer />
24 |       
25 |     </div>
26 |   );
27 | }
28 | 
29 | export default App;
30 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829014014.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | import Resources from './components/Pages/Resources';
10 | import Achievement from './components/Pages/Achievement';
11 | import {Route,Switch} from 'react-router-dom';
12 | 
13 | function App() {
14 |   return (
15 |     <div className="App">
16 |       <Route exact path="/" component={AboutUs} />
17 |       <Route exact path="./Pages/Team/" component={Team} />
18 |       <Speciality />
19 |       <Resources />
20 |       <Achievement />
21 |       <Navbar />
22 |       <Header />
23 |       <Footer />
24 |       
25 |     </div>
26 |   );
27 | }
28 | 
29 | export default App;
30 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829014029.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | import Resources from './components/Pages/Resources';
10 | import Achievement from './components/Pages/Achievement';
11 | import {Route,Switch} from 'react-router-dom';
12 | 
13 | function App() {
14 |   return (
15 |     <div className="App">
16 |       <Route exact path="/" component={AboutUs} />
17 |       <Route exact path="/Team/" component={Team} />
18 |       <Speciality />
19 |       <Resources />
20 |       <Achievement />
21 |       <Navbar />
22 |       <Header />
23 |       <Footer />
24 |       
25 |     </div>
26 |   );
27 | }
28 | 
29 | export default App;
30 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829014329.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | import Resources from './components/Pages/Resources';
10 | import Achievement from './components/Pages/Achievement';
11 | import {Route,Switch} from 'react-router-dom';
12 | 
13 | function App() {
14 |   return (
15 |     <div className="App">
16 |       <Route exact path="/" component={AboutUs} />
17 |       <Route exact path="/Team/" component={Team} />
18 |       <Route exact path="/Speciality/" component={Speciality} />
19 |       <Route exact path="/Resources/" component={Resources} />
20 |       <Route exact path="Achievement/" component={Achievement} />
21 |       <Navbar />
22 |       <Header />
23 |       <Footer />
24 |       
25 |     </div>
26 |   );
27 | }
28 | 
29 | export default App;
30 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829014345.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | import Resources from './components/Pages/Resources';
10 | import Achievement from './components/Pages/Achievement';
11 | import {Route,Switch} from 'react-router-dom';
12 | 
13 | function App() {
14 |   return (
15 |     <div className="App">
16 |       <Route exact path="/AboutUs/" component={AboutUs} />
17 |       <Route exact path="/Team/" component={Team} />
18 |       <Route exact path="/Speciality/" component={Speciality} />
19 |       <Route exact path="/Resources/" component={Resources} />
20 |       <Route exact path="Achievement/" component={Achievement} />
21 |       <Navbar />
22 |       <Header />
23 |       <Footer />
24 |       
25 |     </div>
26 |   );
27 | }
28 | 
29 | export default App;
30 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829014428.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | import Resources from './components/Pages/Resources';
10 | import Achievement from './components/Pages/Achievement';
11 | import {Route,Switch} from 'react-router-dom';
12 | 
13 | function App() {
14 |   return (
15 |     <div className="App">
16 |       <Route exact path="/AboutUs/" component={AboutUs} />
17 |       <Route exact path="/Team/" component={Team} />
18 |       <Route exact path="/Speciality/" component={Speciality} />
19 |       <Route exact path="/Resources/" component={Resources} />
20 |       <Route exact path="Achievement/" component={Achievement} />
21 |       <Navbar />
22 |       <Header />
23 |       <Footer />
24 |       
25 |     </div>
26 |   );
27 | }
28 | 
29 | export default App;
30 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829014439.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | import Resources from './components/Pages/Resources';
10 | import Achievement from './components/Pages/Achievement';
11 | import {Route,Switch} from 'react-router-dom';
12 | 
13 | function App() {
14 |   return (
15 |     <div className="App">
16 |       <Route exact path="/AboutUs/" component={AboutUs} />
17 |       <Route exact path="/Team/" component={Team} />
18 |       <Route exact path="/Speciality/" component={Speciality} />
19 |       <Route exact path="/Resources/" component={Resources} />
20 |       <Route exact path="Achievement/" component={Achievement} />
21 |       <Navbar />
22 |       <Header />
23 |       <Footer />
24 |       
25 |     </div>
26 |   );
27 | }
28 | 
29 | export default App;
30 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829014653.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | import Resources from './components/Pages/Resources';
10 | import Achievement from './components/Pages/Achievement';
11 | import {Route,Switch} from 'react-router-dom';
12 | 
13 | function App() {
14 |   return (
15 |     <div className="App">
16 |       <Route exact path=".components/Pages/AboutUs/" component={AboutUs} />
17 |       <Route exact path="/Team/" component={Team} />
18 |       <Route exact path="/Speciality/" component={Speciality} />
19 |       <Route exact path="/Resources/" component={Resources} />
20 |       <Route exact path="Achievement/" component={Achievement} />
21 |       <Navbar />
22 |       <Header />
23 |       <Footer />
24 |       
25 |     </div>
26 |   );
27 | }
28 | 
29 | export default App;
30 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829014725.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | import Resources from './components/Pages/Resources';
10 | import Achievement from './components/Pages/Achievement';
11 | import {Route,Switch} from 'react-router-dom';
12 | 
13 | function App() {
14 |   return (
15 |     <div className="App">
16 |       <Route exact path="/components/Pages/AboutUs/" component={AboutUs} />
17 |       <Route exact path="/Team/" component={Team} />
18 |       <Route exact path="/Speciality/" component={Speciality} />
19 |       <Route exact path="/Resources/" component={Resources} />
20 |       <Route exact path="Achievement/" component={Achievement} />
21 |       <Navbar />
22 |       <Header />
23 |       <Footer />
24 |       
25 |     </div>
26 |   );
27 | }
28 | 
29 | export default App;
30 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829014739.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | import Resources from './components/Pages/Resources';
10 | import Achievement from './components/Pages/Achievement';
11 | import {Route,Switch} from 'react-router-dom';
12 | 
13 | function App() {
14 |   return (
15 |     <div className="App">
16 |       <Route exact path="/components/Pages/AboutUs/" component={AboutUs} />
17 |       <Route exact path="/components/Pages/Team/" component={Team} />
18 |       <Route exact path="/Speciality/" component={Speciality} />
19 |       <Route exact path="/Resources/" component={Resources} />
20 |       <Route exact path="Achievement/" component={Achievement} />
21 |       <Navbar />
22 |       <Header />
23 |       <Footer />
24 |       
25 |     </div>
26 |   );
27 | }
28 | 
29 | export default App;
30 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829014746.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | import Resources from './components/Pages/Resources';
10 | import Achievement from './components/Pages/Achievement';
11 | import {Route,Switch} from 'react-router-dom';
12 | 
13 | function App() {
14 |   return (
15 |     <div className="App">
16 |       <Route exact path="/components/Pages/AboutUs/" component={AboutUs} />
17 |       <Route exact path="./components/Pages/Team/" component={Team} />
18 |       <Route exact path="/Speciality/" component={Speciality} />
19 |       <Route exact path="/Resources/" component={Resources} />
20 |       <Route exact path="Achievement/" component={Achievement} />
21 |       <Navbar />
22 |       <Header />
23 |       <Footer />
24 |       
25 |     </div>
26 |   );
27 | }
28 | 
29 | export default App;
30 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829014752.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | import Resources from './components/Pages/Resources';
10 | import Achievement from './components/Pages/Achievement';
11 | import {Route,Switch} from 'react-router-dom';
12 | 
13 | function App() {
14 |   return (
15 |     <div className="App">
16 |       <Route exact path="./components/Pages/AboutUs/" component={AboutUs} />
17 |       <Route exact path="./components/Pages/Team/" component={Team} />
18 |       <Route exact path="/Speciality/" component={Speciality} />
19 |       <Route exact path="/Resources/" component={Resources} />
20 |       <Route exact path="Achievement/" component={Achievement} />
21 |       <Navbar />
22 |       <Header />
23 |       <Footer />
24 |       
25 |     </div>
26 |   );
27 | }
28 | 
29 | export default App;
30 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829014758.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | import Resources from './components/Pages/Resources';
10 | import Achievement from './components/Pages/Achievement';
11 | import {Route,Switch} from 'react-router-dom';
12 | 
13 | function App() {
14 |   return (
15 |     <div className="App">
16 |       <Route exact path="./components/Pages/AboutUs/" component={AboutUs} />
17 |       <Route exact path="./components/Pages/Team/" component={Team} />
18 |       <Route exact path="/Speciality/" component={Speciality} />
19 |       <Route exact path="/Resources/" component={Resources} />
20 |       <Route exact path="Achievement/" component={Achievement} />
21 |       <Navbar />
22 |       <Header />
23 |       <Footer />
24 |       
25 |     </div>
26 |   );
27 | }
28 | 
29 | export default App;
30 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829020153.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/layouts/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | import Resources from './components/Pages/Resources';
10 | import Achievement from './components/Pages/Achievement';
11 | import {Route,Switch} from 'react-router-dom';
12 | 
13 | function App() {
14 |   return (
15 |     <div className="App">
16 |       <Route exact path="" component={AboutUs} />
17 |       <Route exact path="./components/Pages/Team/" component={Team} />
18 |       <Route exact path="/Speciality/" component={Speciality} />
19 |       <Route exact path="/Resources/" component={Resources} />
20 |       <Route exact path="Achievement/" component={Achievement} />
21 |       <Navbar />
22 |       <Header />
23 |       <Footer />
24 |       
25 |     </div>
26 |   );
27 | }
28 | 
29 | export default App;
30 | 


--------------------------------------------------------------------------------
/.history/src/App_20190829020446.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Navbar from './components/layouts/Navbar';
 3 | import Footer from "./components/layouts/Footer";
 4 | import Header from './components/layouts/Header'
 5 | import './App.css';
 6 | import AboutUs from "./components/Pages/AboutUs";
 7 | import Team from './components/Pages/Team';
 8 | import Speciality from './components/Pages/Speciality';
 9 | import Resources from './components/Pages/Resources';
10 | import Achievement from './components/Pages/Achievement';
11 | import {Route,Switch} from 'react-router-dom';
12 | 
13 | function App() {
14 |   return (
15 |     <div className="App">
16 |       <Route exact path="/AboutUs/" component={AboutUs} />
17 |       <Route exact path="./components/Pages/Team/" component={Team} />
18 |       <Route exact path="/Speciality/" component={Speciality} />
19 |       <Route exact path="/Resources/" component={Resources} />
20 |       <Route exact path="Achievement/" component={Achievement} />
21 |       <Navbar />
22 |       <Header />
23 |       <Footer />
24 |       
25 |     </div>
26 |   );
27 | }
28 | 
29 | export default App;
30 | 


--------------------------------------------------------------------------------
/.history/src/components/Pages/AboutUs_20190829005421.js:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/technojam/technojam-frontend/1491dfd17ba9111b30b0b9786c8ea3bc80e8a8d5/.history/src/components/Pages/AboutUs_20190829005421.js


--------------------------------------------------------------------------------
/.history/src/components/Pages/AboutUs_20190829005612.js:
--------------------------------------------------------------------------------
 1 |  import React from 'react'
 2 |  
 3 |  const AboutUs = () => {
 4 |      return (
 5 |          <div>
 6 |              About Us
 7 |          </div>
 8 |      )
 9 |  }
10 |  
11 |  export default AboutUs
12 |  


--------------------------------------------------------------------------------
/.history/src/components/Pages/AboutUs_20190829011531.js:
--------------------------------------------------------------------------------
 1 |  import React from 'react'
 2 |  
 3 |  const AboutUs = () => {
 4 |      return (
 5 |          <div>
 6 |              About Us
 7 |              asdfsa
 8 |          </div>
 9 |      )
10 |  }
11 |  
12 |  export default AboutUs
13 |  


--------------------------------------------------------------------------------
/.history/src/components/Pages/AboutUs_20190829014910.js:
--------------------------------------------------------------------------------
 1 |  import React from 'react'
 2 |  
 3 |  const AboutUs = () => {
 4 |      return (
 5 |          <div>
 6 |              About Us
 7 |          </div>
 8 |      )
 9 |  }
10 |  
11 |  export default AboutUs
12 |  


--------------------------------------------------------------------------------
/.history/src/components/Pages/AboutUs_20190829015534.js:
--------------------------------------------------------------------------------
 1 |  import React from 'react'
 2 |  
 3 |  const AboutUs = () => {
 4 |      return (
 5 |          <div>
 6 |              About Us
 7 | 
 8 | 
 9 | 
10 |              
11 |          </div>
12 |      )
13 |  }
14 |  
15 |  export default AboutUs
16 |  


--------------------------------------------------------------------------------
/.history/src/components/Pages/AboutUs_20190829015540.js:
--------------------------------------------------------------------------------
 1 |  import React from 'react'
 2 |  
 3 |  const AboutUs = () => {
 4 |      return (
 5 |          <div>
 6 |              About Us
 7 | 
 8 | 
 9 | 
10 |              azxcvbnm
11 |          </div>
12 |      )
13 |  }
14 |  
15 |  export default AboutUs
16 |  


--------------------------------------------------------------------------------
/.history/src/components/Pages/AboutUs_20190829020419.js:
--------------------------------------------------------------------------------
 1 |  import React from 'react'
 2 |  
 3 |  const AboutUs = () => {
 4 |      return (
 5 |          <div>
 6 |              About Us
 7 | 
 8 | 
 9 | 
10 |              azxcvbnm
11 |          </div>
12 |      )
13 |  }
14 |  
15 |  export default AboutUs
16 |  


--------------------------------------------------------------------------------
/.history/src/components/Pages/Achievement_20190829011841.js:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/technojam/technojam-frontend/1491dfd17ba9111b30b0b9786c8ea3bc80e8a8d5/.history/src/components/Pages/Achievement_20190829011841.js


--------------------------------------------------------------------------------
/.history/src/components/Pages/Achievement_20190829011904.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | 
 3 | const Achievement = () => {
 4 |     return (
 5 |         <div>
 6 |             Achievement Page
 7 |         </div>
 8 |     )
 9 | }
10 | 
11 | export default Achievement
12 | 


--------------------------------------------------------------------------------
/.history/src/components/Pages/Mentorship_20190829011607.js:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/technojam/technojam-frontend/1491dfd17ba9111b30b0b9786c8ea3bc80e8a8d5/.history/src/components/Pages/Mentorship_20190829011607.js


--------------------------------------------------------------------------------
/.history/src/components/Pages/Mentorship_20190829011827.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | 
 3 | const Mentorship = () => {
 4 |     return (
 5 |         <div>
 6 |             Mentorship Page
 7 |         </div>
 8 |     )
 9 | }
10 | 
11 | export default Mentorship
12 | 


--------------------------------------------------------------------------------
/.history/src/components/Pages/Resources_20190829011656.js:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/technojam/technojam-frontend/1491dfd17ba9111b30b0b9786c8ea3bc80e8a8d5/.history/src/components/Pages/Resources_20190829011656.js


--------------------------------------------------------------------------------
/.history/src/components/Pages/Resources_20190829011815.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | 
 3 | const Resources = () => {
 4 |     return (
 5 |         <div>
 6 |             Resources Page
 7 |         </div>
 8 |     )
 9 | }
10 | 
11 | export default Resources
12 | 


--------------------------------------------------------------------------------
/.history/src/components/Pages/Speciality_20190829011629.js:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/technojam/technojam-frontend/1491dfd17ba9111b30b0b9786c8ea3bc80e8a8d5/.history/src/components/Pages/Speciality_20190829011629.js


--------------------------------------------------------------------------------
/.history/src/components/Pages/Speciality_20190829011802.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | 
 3 | const Speciality = () => {
 4 |     return (
 5 |         <div>
 6 |             Speciality Groups Page
 7 |         </div>
 8 |     )
 9 | }
10 | 
11 | export default Speciality
12 | 


--------------------------------------------------------------------------------
/.history/src/components/Pages/Team_20190829011558.js:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/technojam/technojam-frontend/1491dfd17ba9111b30b0b9786c8ea3bc80e8a8d5/.history/src/components/Pages/Team_20190829011558.js


--------------------------------------------------------------------------------
/.history/src/components/Pages/Team_20190829011925.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | 
 3 | const Team = () => {
 4 |     return (
 5 |         <div>
 6 |             Team Page
 7 |         </div>
 8 |     )
 9 | }
10 | 
11 | export default Team
12 | 


--------------------------------------------------------------------------------
/.history/src/components/layouts/AboutUs_20190829020107.js:
--------------------------------------------------------------------------------
 1 |  import React from 'react'
 2 |  
 3 |  const AboutUs = () => {
 4 |      return (
 5 |          <div>
 6 |              About Us
 7 | 
 8 | 
 9 | 
10 |              azxcvbnm
11 |          </div>
12 |      )
13 |  }
14 |  
15 |  export default AboutUs
16 |  


--------------------------------------------------------------------------------
/.history/src/components/layouts/AboutUs_20190829020220.js:
--------------------------------------------------------------------------------
 1 |  import React from 'react'
 2 |  
 3 |  const AboutUs = () => {
 4 |      return (
 5 |          <div>
 6 |              About Us
 7 | 
 8 | 
 9 | 
10 |              azxcvbnm
11 |          </div>
12 |      )
13 |  }
14 |  
15 |  export default AboutUs
16 |  


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190828171652.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | 
10 | function TabPanel(props) {
11 |   const { children, value, index, ...other } = props;
12 | 
13 |   return (
14 |     <Typography
15 |       component="div"
16 |       role="tabpanel"
17 |       hidden={value !== index}
18 |       id={`scrollable-auto-tabpanel-${index}`}
19 |       aria-labelledby={`scrollable-auto-tab-${index}`}
20 |       {...other}
21 |     >
22 |       <Box p={3}>{children}</Box>
23 |     </Typography>
24 |   );
25 | }
26 | 
27 | TabPanel.propTypes = {
28 |   children: PropTypes.node,
29 |   index: PropTypes.any.isRequired,
30 |   value: PropTypes.any.isRequired,
31 | };
32 | 
33 | function a11yProps(index) {
34 |   return {
35 |     id: `scrollable-auto-tab-${index}`,
36 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
37 |   };
38 | }
39 | 
40 | const useStyles = makeStyles(theme => ({
41 |   root: {
42 |     flexGrow: 1,
43 |     width: '100%',
44 |     backgroundColor: theme.palette.background.paper,
45 |     
46 |   },
47 | }));
48 | 
49 | export default function ScrollableTabsButtonAuto() {
50 |   const classes = useStyles();
51 |   const [value, setValue] = React.useState(0);
52 | 
53 |   function handleChange(event, newValue) {
54 |     setValue(newValue);
55 |   }
56 | 
57 |   return (
58 |     <div className={classes.root}>
59 |       <AppBar position="static" color="default">
60 |         <Tabs
61 |           value={value}
62 |           onChange={handleChange}
63 |           indicatorColor="primary"
64 |           textColor="primary"
65 |           variant="scrollable"
66 |           scrollButtons="auto"
67 |           aria-label="scrollable auto tabs example"
68 |           centered
69 |         >
70 |           <Tab label="About Us" {...a11yProps(0)} />
71 |           <Tab label="Team" {...a11yProps(1)} />
72 |           <Tab label="Mentorship" {...a11yProps(2)} />
73 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
74 |           <Tab label="Resources" {...a11yProps(4)} />
75 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
76 |         
77 |         </Tabs>
78 |       </AppBar>
79 |     </div>
80 |   );
81 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829015029.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | 
10 | function TabPanel(props) {
11 |   const { children, value, index, ...other } = props;
12 | 
13 |   return (
14 |     <Typography
15 |       component="div"
16 |       role="tabpanel"
17 |       hidden={value !== index}
18 |       id={`scrollable-auto-tabpanel-${index}`}
19 |       aria-labelledby={`scrollable-auto-tab-${index}`}
20 |       {...other}
21 |     >
22 |       <Box p={3}>{children}</Box>
23 |     </Typography>
24 |   );
25 | }
26 | 
27 | TabPanel.propTypes = {
28 |   children: PropTypes.node,
29 |   index: PropTypes.any.isRequired,
30 |   value: PropTypes.any.isRequired,
31 | };
32 | 
33 | function a11yProps(index) {
34 |   return {
35 |     id: `scrollable-auto-tab-${index}`,
36 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
37 |   };
38 | }
39 | 
40 | const useStyles = makeStyles(theme => ({
41 |   root: {
42 |     flexGrow: 1,
43 |     width: '100%',
44 |     backgroundColor: theme.palette.background.paper,
45 |     
46 |   },
47 | }));
48 | 
49 | export default function ScrollableTabsButtonAuto() {
50 |   const classes = useStyles();
51 |   const [value, setValue] = React.useState(0);
52 | 
53 |   function handleChange(event, newValue) {
54 |     setValue(newValue);
55 |   }
56 | 
57 |   return (
58 |     <div className={classes.root}>
59 |       <AppBar position="static" color="default">
60 |         <Tabs
61 |           value={value}
62 |           onChange={handleChange}
63 |           indicatorColor="primary"
64 |           textColor="primary"
65 |           variant="scrollable"
66 |           scrollButtons="auto"
67 |           aria-label="scrollable auto tabs example"
68 |           centered
69 |         ><Route path="/Pages/AboutUS" component="AboutUs" />
70 |           <Tab label="About Us" {...a11yProps(0)} />
71 |           <Tab label="Team" {...a11yProps(1)} />
72 |           <Tab label="Mentorship" {...a11yProps(2)} />
73 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
74 |           <Tab label="Resources" {...a11yProps(4)} />
75 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
76 |         
77 |         </Tabs>
78 |       </AppBar>
79 |     </div>
80 |   );
81 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829015056.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | 
11 | function TabPanel(props) {
12 |   const { children, value, index, ...other } = props;
13 | 
14 |   return (
15 |     <Typography
16 |       component="div"
17 |       role="tabpanel"
18 |       hidden={value !== index}
19 |       id={`scrollable-auto-tabpanel-${index}`}
20 |       aria-labelledby={`scrollable-auto-tab-${index}`}
21 |       {...other}
22 |     >
23 |       <Box p={3}>{children}</Box>
24 |     </Typography>
25 |   );
26 | }
27 | 
28 | TabPanel.propTypes = {
29 |   children: PropTypes.node,
30 |   index: PropTypes.any.isRequired,
31 |   value: PropTypes.any.isRequired,
32 | };
33 | 
34 | function a11yProps(index) {
35 |   return {
36 |     id: `scrollable-auto-tab-${index}`,
37 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
38 |   };
39 | }
40 | 
41 | const useStyles = makeStyles(theme => ({
42 |   root: {
43 |     flexGrow: 1,
44 |     width: '100%',
45 |     backgroundColor: theme.palette.background.paper,
46 |     
47 |   },
48 | }));
49 | 
50 | export default function ScrollableTabsButtonAuto() {
51 |   const classes = useStyles();
52 |   const [value, setValue] = React.useState(0);
53 | 
54 |   function handleChange(event, newValue) {
55 |     setValue(newValue);
56 |   }
57 | 
58 |   return (
59 |     <div className={classes.root}>
60 |       <AppBar position="static" color="default">
61 |         <Tabs
62 |           value={value}
63 |           onChange={handleChange}
64 |           indicatorColor="primary"
65 |           textColor="primary"
66 |           variant="scrollable"
67 |           scrollButtons="auto"
68 |           aria-label="scrollable auto tabs example"
69 |           centered
70 |         ><Route path="/Pages/AboutUS" component="AboutUs" />
71 |           <Tab label="About Us" {...a11yProps(0)} />
72 |           <Tab label="Team" {...a11yProps(1)} />
73 |           <Tab label="Mentorship" {...a11yProps(2)} />
74 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
75 |           <Tab label="Resources" {...a11yProps(4)} />
76 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
77 |         
78 |         </Tabs>
79 |       </AppBar>
80 |     </div>
81 |   );
82 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829015131.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | 
11 | function TabPanel(props) {
12 |   const { children, value, index, ...other } = props;
13 | 
14 |   return (
15 |     <Typography
16 |       component="div"
17 |       role="tabpanel"
18 |       hidden={value !== index}
19 |       id={`scrollable-auto-tabpanel-${index}`}
20 |       aria-labelledby={`scrollable-auto-tab-${index}`}
21 |       {...other}
22 |     >
23 |       <Box p={3}>{children}</Box>
24 |     </Typography>
25 |   );
26 | }
27 | 
28 | TabPanel.propTypes = {
29 |   children: PropTypes.node,
30 |   index: PropTypes.any.isRequired,
31 |   value: PropTypes.any.isRequired,
32 | };
33 | 
34 | function a11yProps(index) {
35 |   return {
36 |     id: `scrollable-auto-tab-${index}`,
37 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
38 |   };
39 | }
40 | 
41 | const useStyles = makeStyles(theme => ({
42 |   root: {
43 |     flexGrow: 1,
44 |     width: '100%',
45 |     backgroundColor: theme.palette.background.paper,
46 |     
47 |   },
48 | }));
49 | 
50 | export default function ScrollableTabsButtonAuto() {
51 |   const classes = useStyles();
52 |   const [value, setValue] = React.useState(0);
53 | 
54 |   function handleChange(event, newValue) {
55 |     setValue(newValue);
56 |   }
57 | 
58 |   return (
59 |     <div className={classes.root}>
60 |       <AppBar position="static" color="default">
61 |         <Tabs
62 |           value={value}
63 |           onChange={handleChange}
64 |           indicatorColor="primary"
65 |           textColor="primary"
66 |           variant="scrollable"
67 |           scrollButtons="auto"
68 |           aria-label="scrollable auto tabs example"
69 |           centered
70 |         >
71 |           <Route path="/Pages/AboutUS" component="AboutUs" />
72 |           <Tab label="About Us" {...a11yProps(0)} />
73 |           <Tab label="Team" {...a11yProps(1)} />
74 |           <Tab label="Mentorship" {...a11yProps(2)} />
75 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
76 |           <Tab label="Resources" {...a11yProps(4)} />
77 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
78 |         
79 |         </Tabs>
80 |       </AppBar>
81 |     </div>
82 |   );
83 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829015142.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | 
11 | function TabPanel(props) {
12 |   const { children, value, index, ...other } = props;
13 | 
14 |   return (
15 |     <Typography
16 |       component="div"
17 |       role="tabpanel"
18 |       hidden={value !== index}
19 |       id={`scrollable-auto-tabpanel-${index}`}
20 |       aria-labelledby={`scrollable-auto-tab-${index}`}
21 |       {...other}
22 |     >
23 |       <Box p={3}>{children}</Box>
24 |     </Typography>
25 |   );
26 | }
27 | 
28 | TabPanel.propTypes = {
29 |   children: PropTypes.node,
30 |   index: PropTypes.any.isRequired,
31 |   value: PropTypes.any.isRequired,
32 | };
33 | 
34 | function a11yProps(index) {
35 |   return {
36 |     id: `scrollable-auto-tab-${index}`,
37 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
38 |   };
39 | }
40 | 
41 | const useStyles = makeStyles(theme => ({
42 |   root: {
43 |     flexGrow: 1,
44 |     width: '100%',
45 |     backgroundColor: theme.palette.background.paper,
46 |     
47 |   },
48 | }));
49 | 
50 | export default function ScrollableTabsButtonAuto() {
51 |   const classes = useStyles();
52 |   const [value, setValue] = React.useState(0);
53 | 
54 |   function handleChange(event, newValue) {
55 |     setValue(newValue);
56 |   }
57 | 
58 |   return (
59 |     <div className={classes.root}>
60 |       <AppBar position="static" color="default">
61 |         <Tabs
62 |           value={value}
63 |           onChange={handleChange}
64 |           indicatorColor="primary"
65 |           textColor="primary"
66 |           variant="scrollable"
67 |           scrollButtons="auto"
68 |           aria-label="scrollable auto tabs example"
69 |           centered
70 |         >
71 |           
72 |           <Tab label="About Us" {...a11yProps(0)} />
73 |           <Tab label="Team" {...a11yProps(1)} />
74 |           <Tab label="Mentorship" {...a11yProps(2)} />
75 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
76 |           <Tab label="Resources" {...a11yProps(4)} />
77 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
78 |         
79 |         </Tabs>
80 |       </AppBar>
81 |     </div>
82 |   );
83 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829015150.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | 
11 | function TabPanel(props) {
12 |   const { children, value, index, ...other } = props;
13 | 
14 |   return (
15 |     <Typography
16 |       component="div"
17 |       role="tabpanel"
18 |       hidden={value !== index}
19 |       id={`scrollable-auto-tabpanel-${index}`}
20 |       aria-labelledby={`scrollable-auto-tab-${index}`}
21 |       {...other}
22 |     >
23 |       <Box p={3}>{children}</Box>
24 |     </Typography>
25 |   );
26 | }
27 | 
28 | TabPanel.propTypes = {
29 |   children: PropTypes.node,
30 |   index: PropTypes.any.isRequired,
31 |   value: PropTypes.any.isRequired,
32 | };
33 | 
34 | function a11yProps(index) {
35 |   return {
36 |     id: `scrollable-auto-tab-${index}`,
37 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
38 |   };
39 | }
40 | 
41 | const useStyles = makeStyles(theme => ({
42 |   root: {
43 |     flexGrow: 1,
44 |     width: '100%',
45 |     backgroundColor: theme.palette.background.paper,
46 |     
47 |   },
48 | }));
49 | 
50 | export default function ScrollableTabsButtonAuto() {
51 |   const classes = useStyles();
52 |   const [value, setValue] = React.useState(0);
53 | 
54 |   function handleChange(event, newValue) {
55 |     setValue(newValue);
56 |   }
57 | 
58 |   return (
59 |     <div className={classes.root}>
60 |       <AppBar position="static" color="default">
61 |         <Tabs
62 |           value={value}
63 |           onChange={handleChange}
64 |           indicatorColor="primary"
65 |           textColor="primary"
66 |           variant="scrollable"
67 |           scrollButtons="auto"
68 |           aria-label="scrollable auto tabs example"
69 |           centered
70 |         >
71 |           <Tab label="About Us" {...a11yProps(0)} />
72 |           <Tab label="Team" {...a11yProps(1)} />
73 |           <Tab label="Mentorship" {...a11yProps(2)} />
74 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
75 |           <Tab label="Resources" {...a11yProps(4)} />
76 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
77 |         
78 |         </Tabs>
79 |       </AppBar>
80 |     </div>
81 |   );
82 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829015202.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | 
11 | function TabPanel(props) {
12 |   const { children, value, index, ...other } = props;
13 | 
14 |   return (
15 |     <Typography
16 |       component="div"
17 |       role="tabpanel"
18 |       hidden={value !== index}
19 |       id={`scrollable-auto-tabpanel-${index}`}
20 |       aria-labelledby={`scrollable-auto-tab-${index}`}
21 |       {...other}
22 |     >
23 |       <Box p={3}>{children}</Box>
24 |     </Typography>
25 |   );
26 | }
27 | 
28 | TabPanel.propTypes = {
29 |   children: PropTypes.node,
30 |   index: PropTypes.any.isRequired,
31 |   value: PropTypes.any.isRequired,
32 | };
33 | 
34 | function a11yProps(index) {
35 |   return {
36 |     id: `scrollable-auto-tab-${index}`,
37 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
38 |   };
39 | }
40 | 
41 | const useStyles = makeStyles(theme => ({
42 |   root: {
43 |     flexGrow: 1,
44 |     width: '100%',
45 |     backgroundColor: theme.palette.background.paper,
46 |     
47 |   },
48 | }));
49 | 
50 | export default function ScrollableTabsButtonAuto() {
51 |   const classes = useStyles();
52 |   const [value, setValue] = React.useState(0);
53 | 
54 |   function handleChange(event, newValue) {
55 |     setValue(newValue);
56 |   }
57 | 
58 |   return (
59 |     <div className={classes.root}>
60 |       <AppBar position="static" color="default">
61 |         <Tabs
62 |           value={value}
63 |           onChange={handleChange}
64 |           indicatorColor="primary"
65 |           textColor="primary"
66 |           variant="scrollable"
67 |           scrollButtons="auto"
68 |           aria-label="scrollable auto tabs example"
69 |           centered
70 |         >
71 |           <Tab label="About Us" {<Route path="/Pages/AboutUS" component="AboutUs" />} />
72 |           <Tab label="Team" {...a11yProps(1)} />
73 |           <Tab label="Mentorship" {...a11yProps(2)} />
74 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
75 |           <Tab label="Resources" {...a11yProps(4)} />
76 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
77 |         
78 |         </Tabs>
79 |       </AppBar>
80 |     </div>
81 |   );
82 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829015222.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | 
11 | function TabPanel(props) {
12 |   const { children, value, index, ...other } = props;
13 | 
14 |   return (
15 |     <Typography
16 |       component="div"
17 |       role="tabpanel"
18 |       hidden={value !== index}
19 |       id={`scrollable-auto-tabpanel-${index}`}
20 |       aria-labelledby={`scrollable-auto-tab-${index}`}
21 |       {...other}
22 |     >
23 |       <Box p={3}>{children}</Box>
24 |     </Typography>
25 |   );
26 | }
27 | 
28 | TabPanel.propTypes = {
29 |   children: PropTypes.node,
30 |   index: PropTypes.any.isRequired,
31 |   value: PropTypes.any.isRequired,
32 | };
33 | 
34 | function a11yProps(index) {
35 |   return {
36 |     id: `scrollable-auto-tab-${index}`,
37 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
38 |   };
39 | }
40 | 
41 | const useStyles = makeStyles(theme => ({
42 |   root: {
43 |     flexGrow: 1,
44 |     width: '100%',
45 |     backgroundColor: theme.palette.background.paper,
46 |     
47 |   },
48 | }));
49 | 
50 | export default function ScrollableTabsButtonAuto() {
51 |   const classes = useStyles();
52 |   const [value, setValue] = React.useState(0);
53 | 
54 |   function handleChange(event, newValue) {
55 |     setValue(newValue);
56 |   }
57 | 
58 |   return (
59 |     <div className={classes.root}>
60 |       <AppBar position="static" color="default">
61 |         <Tabs
62 |           value={value}
63 |           onChange={handleChange}
64 |           indicatorColor="primary"
65 |           textColor="primary"
66 |           variant="scrollable"
67 |           scrollButtons="auto"
68 |           aria-label="scrollable auto tabs example"
69 |           centered
70 |         >
71 |           <Tab label="About Us" {...a11yProps(0)} />
72 |           <Tab label="Team" {...a11yProps(1)} />
73 |           <Tab label="Mentorship" {...a11yProps(2)} />
74 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
75 |           <Tab label="Resources" {...a11yProps(4)} />
76 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
77 |         
78 |         </Tabs>
79 |       </AppBar>
80 |     </div>
81 |   );
82 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829015430.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | 
11 | function TabPanel(props) {
12 |   const { children, value, index, ...other } = props;
13 | 
14 |   return (
15 |     <Typography
16 |       component="div"
17 |       role="tabpanel"
18 |       hidden={value !== index}
19 |       id={`scrollable-auto-tabpanel-${index}`}
20 |       aria-labelledby={`scrollable-auto-tab-${index}`}
21 |       {...other}
22 |     >
23 |       <Box p={3}>{children}</Box>
24 |     </Typography>
25 |   );
26 | }
27 | 
28 | TabPanel.propTypes = {
29 |   children: PropTypes.node,
30 |   index: PropTypes.any.isRequired,
31 |   value: PropTypes.any.isRequired,
32 | };
33 | 
34 | function a11yProps(index) {
35 |   return {
36 |     id: `scrollable-auto-tab-${index}`,
37 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
38 |   };
39 | }
40 | 
41 | const useStyles = makeStyles(theme => ({
42 |   root: {
43 |     flexGrow: 1,
44 |     width: '100%',
45 |     backgroundColor: theme.palette.background.paper,
46 |     
47 |   },
48 | }));
49 | 
50 | export default function ScrollableTabsButtonAuto() {
51 |   const classes = useStyles();
52 |   const [value, setValue] = React.useState(0);
53 | 
54 |   function handleChange(event, newValue) {
55 |     setValue(newValue);
56 |   }
57 | 
58 |   return (
59 |     <div className={classes.root}>
60 |       <AppBar position="static" color="default">
61 |         <Tabs
62 |           value={value}
63 |           onChange={handleChange}
64 |           indicatorColor="primary"
65 |           textColor="primary"
66 |           variant="scrollable"
67 |           scrollButtons="auto"
68 |           aria-label="scrollable auto tabs example"
69 |           centered
70 |         >
71 |           <Tab label="About Us" {...a11yProps(0)} />
72 |           <Tab label="Team" {...a11yProps(1)} />
73 |           <Tab label="Mentorship" {...a11yProps(2)} />
74 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
75 |           <Tab label="Resources" {...a11yProps(4)} />
76 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
77 |         
78 |         </Tabs>
79 |         <TabPanel value={value} index={0}>
80 |           
81 |         </TabPanel>
82 |       </AppBar>
83 |     </div>
84 |   );
85 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829015605.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | import AboutUs from '../Pages/AboutUs';
11 | 
12 | function TabPanel(props) {
13 |   const { children, value, index, ...other } = props;
14 | 
15 |   return (
16 |     <Typography
17 |       component="div"
18 |       role="tabpanel"
19 |       hidden={value !== index}
20 |       id={`scrollable-auto-tabpanel-${index}`}
21 |       aria-labelledby={`scrollable-auto-tab-${index}`}
22 |       {...other}
23 |     >
24 |       <Box p={3}>{children}</Box>
25 |     </Typography>
26 |   );
27 | }
28 | 
29 | TabPanel.propTypes = {
30 |   children: PropTypes.node,
31 |   index: PropTypes.any.isRequired,
32 |   value: PropTypes.any.isRequired,
33 | };
34 | 
35 | function a11yProps(index) {
36 |   return {
37 |     id: `scrollable-auto-tab-${index}`,
38 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
39 |   };
40 | }
41 | 
42 | const useStyles = makeStyles(theme => ({
43 |   root: {
44 |     flexGrow: 1,
45 |     width: '100%',
46 |     backgroundColor: theme.palette.background.paper,
47 |     
48 |   },
49 | }));
50 | 
51 | export default function ScrollableTabsButtonAuto() {
52 |   const classes = useStyles();
53 |   const [value, setValue] = React.useState(0);
54 | 
55 |   function handleChange(event, newValue) {
56 |     setValue(newValue);
57 |   }
58 | 
59 |   return (
60 |     <div className={classes.root}>
61 |       <AppBar position="static" color="default">
62 |         <Tabs
63 |           value={value}
64 |           onChange={handleChange}
65 |           indicatorColor="primary"
66 |           textColor="primary"
67 |           variant="scrollable"
68 |           scrollButtons="auto"
69 |           aria-label="scrollable auto tabs example"
70 |           centered
71 |         >
72 |           <Tab label="About Us" {...a11yProps(0)} />
73 |           <Tab label="Team" {...a11yProps(1)} />
74 |           <Tab label="Mentorship" {...a11yProps(2)} />
75 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
76 |           <Tab label="Resources" {...a11yProps(4)} />
77 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
78 |         
79 |         </Tabs>
80 |         <TabPanel value={value} index={0}>
81 |           <Route path="/Pages/AboutUs" component={AboutUs} />
82 |         </TabPanel>
83 |       </AppBar>
84 |     </div>
85 |   );
86 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829015620.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | import AboutUs from '../Pages/AboutUs';
11 | 
12 | function TabPanel(props) {
13 |   const { children, value, index, ...other } = props;
14 | 
15 |   return (
16 |     <Typography
17 |       component="div"
18 |       role="tabpanel"
19 |       hidden={value !== index}
20 |       id={`scrollable-auto-tabpanel-${index}`}
21 |       aria-labelledby={`scrollable-auto-tab-${index}`}
22 |       {...other}
23 |     >
24 |       <Box p={3}>{children}</Box>
25 |     </Typography>
26 |   );
27 | }
28 | 
29 | TabPanel.propTypes = {
30 |   children: PropTypes.node,
31 |   index: PropTypes.any.isRequired,
32 |   value: PropTypes.any.isRequired,
33 | };
34 | 
35 | function a11yProps(index) {
36 |   return {
37 |     id: `scrollable-auto-tab-${index}`,
38 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
39 |   };
40 | }
41 | 
42 | const useStyles = makeStyles(theme => ({
43 |   root: {
44 |     flexGrow: 1,
45 |     width: '100%',
46 |     backgroundColor: theme.palette.background.paper,
47 |     
48 |   },
49 | }));
50 | 
51 | export default function ScrollableTabsButtonAuto() {
52 |   const classes = useStyles();
53 |   const [value, setValue] = React.useState(0);
54 | 
55 |   function handleChange(event, newValue) {
56 |     setValue(newValue);
57 |   }
58 | 
59 |   return (
60 |     <div className={classes.root}>
61 |       <AppBar position="static" color="default">
62 |         <Tabs
63 |           value={value}
64 |           onChange={handleChange}
65 |           indicatorColor="primary"
66 |           textColor="primary"
67 |           variant="scrollable"
68 |           scrollButtons="auto"
69 |           aria-label="scrollable auto tabs example"
70 |           centered
71 |         >
72 |           <Tab label="About Us" {...a11yProps(0)} />
73 |           <Tab label="Team" {...a11yProps(1)} />
74 |           <Tab label="Mentorship" {...a11yProps(2)} />
75 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
76 |           <Tab label="Resources" {...a11yProps(4)} />
77 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
78 |         
79 |         </Tabs>
80 |       </AppBar>
81 |       <TabPanel value={value} index={0}>
82 |           <Route path="/Pages/AboutUs" component={AboutUs} />
83 |         </TabPanel>
84 |     </div>
85 |   );
86 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829015821.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | import AboutUs from '../Pages/AboutUs';
11 | 
12 | function TabPanel(props) {
13 |   const { children, value, index, ...other } = props;
14 | 
15 |   return (
16 |     <Typography
17 |       component="div"
18 |       role="tabpanel"
19 |       hidden={value !== index}
20 |       id={`scrollable-auto-tabpanel-${index}`}
21 |       aria-labelledby={`scrollable-auto-tab-${index}`}
22 |       {...other}
23 |     >
24 |       <Box p={3}>{children}</Box>
25 |     </Typography>
26 |   );
27 | }
28 | 
29 | TabPanel.propTypes = {
30 |   children: PropTypes.node,
31 |   index: PropTypes.any.isRequired,
32 |   value: PropTypes.any.isRequired,
33 | };
34 | 
35 | function a11yProps(index) {
36 |   return {
37 |     id: `scrollable-auto-tab-${index}`,
38 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
39 |   };
40 | }
41 | 
42 | const useStyles = makeStyles(theme => ({
43 |   root: {
44 |     flexGrow: 1,
45 |     width: '100%',
46 |     backgroundColor: theme.palette.background.paper,
47 |     
48 |   },
49 | }));
50 | 
51 | export default function ScrollableTabsButtonAuto() {
52 |   const classes = useStyles();
53 |   const [value, setValue] = React.useState(0);
54 | 
55 |   function handleChange(event, newValue) {
56 |     setValue(newValue);
57 |   }
58 | 
59 |   return (
60 |     <div className={classes.root}>
61 |       <AppBar position="static" color="default">
62 |         <Tabs
63 |           value={value}
64 |           onChange={handleChange}
65 |           indicatorColor="primary"
66 |           textColor="primary"
67 |           variant="scrollable"
68 |           scrollButtons="auto"
69 |           aria-label="scrollable auto tabs example"
70 |           centered
71 |         >
72 |           <Tab label="About Us" {...a11yProps(0)} />
73 |           <Tab label="Team" {...a11yProps(1)} />
74 |           <Tab label="Mentorship" {...a11yProps(2)} />
75 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
76 |           <Tab label="Resources" {...a11yProps(4)} />
77 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
78 |         
79 |         </Tabs>
80 |       </AppBar>
81 |       <TabPanel value={value} index={0}>
82 |       <Route path="/Pages/AboutUs" component={AboutUs} />
83 |       </TabPanel>
84 |     </div>
85 |   );
86 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829015845.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | import AboutUs from '../Pages/AboutUs';
11 | 
12 | function TabPanel(props) {
13 |   const { children, value, index, ...other } = props;
14 | 
15 |   return (
16 |     <Typography
17 |       component="div"
18 |       role="tabpanel"
19 |       hidden={value !== index}
20 |       id={`scrollable-auto-tabpanel-${index}`}
21 |       aria-labelledby={`scrollable-auto-tab-${index}`}
22 |       {...other}
23 |     >
24 |       <Box p={3}>{children}</Box>
25 |     </Typography>
26 |   );
27 | }
28 | 
29 | TabPanel.propTypes = {
30 |   children: PropTypes.node,
31 |   index: PropTypes.any.isRequired,
32 |   value: PropTypes.any.isRequired,
33 | };
34 | 
35 | function a11yProps(index) {
36 |   return {
37 |     id: `scrollable-auto-tab-${index}`,
38 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
39 |   };
40 | }
41 | 
42 | const useStyles = makeStyles(theme => ({
43 |   root: {
44 |     flexGrow: 1,
45 |     width: '100%',
46 |     backgroundColor: theme.palette.background.paper,
47 |     
48 |   },
49 | }));
50 | 
51 | export default function ScrollableTabsButtonAuto() {
52 |   const classes = useStyles();
53 |   const [value, setValue] = React.useState(0);
54 | 
55 |   function handleChange(event, newValue) {
56 |     setValue(newValue);
57 |   }
58 | 
59 |   return (
60 |     <div className={classes.root}>
61 |       <AppBar position="static" color="default">
62 |         <Tabs
63 |           value={value}
64 |           onChange={handleChange}
65 |           indicatorColor="primary"
66 |           textColor="primary"
67 |           variant="scrollable"
68 |           scrollButtons="auto"
69 |           aria-label="scrollable auto tabs example"
70 |           centered
71 |         >
72 |           <Tab label="About Us" {...a11yProps(0)} />
73 |           <Tab label="Team" {...a11yProps(1)} />
74 |           <Tab label="Mentorship" {...a11yProps(2)} />
75 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
76 |           <Tab label="Resources" {...a11yProps(4)} />
77 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
78 |         
79 |         </Tabs>
80 |       </AppBar>
81 |       <TabPanel value={value} index={0}>
82 |       <Route path="/Pages/AboutUs" component={AboutUs} />
83 |       </TabPanel>
84 |     </div>
85 |   );
86 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829015900.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | import AboutUs from '../Pages/AboutUs';
11 | 
12 | function TabPanel(props) {
13 |   const { children, value, index, ...other } = props;
14 | 
15 |   return (
16 |     <Typography
17 |       component="div"
18 |       role="tabpanel"
19 |       hidden={value !== index}
20 |       id={`scrollable-auto-tabpanel-${index}`}
21 |       aria-labelledby={`scrollable-auto-tab-${index}`}
22 |       {...other}
23 |     >
24 |       <Box p={3}>{children}</Box>
25 |     </Typography>
26 |   );
27 | }
28 | 
29 | TabPanel.propTypes = {
30 |   children: PropTypes.node,
31 |   index: PropTypes.any.isRequired,
32 |   value: PropTypes.any.isRequired,
33 | };
34 | 
35 | function a11yProps(index) {
36 |   return {
37 |     id: `scrollable-auto-tab-${index}`,
38 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
39 |   };
40 | }
41 | 
42 | const useStyles = makeStyles(theme => ({
43 |   root: {
44 |     flexGrow: 1,
45 |     width: '100%',
46 |     backgroundColor: theme.palette.background.paper,
47 |     
48 |   },
49 | }));
50 | 
51 | export default function ScrollableTabsButtonAuto() {
52 |   const classes = useStyles();
53 |   const [value, setValue] = React.useState(0);
54 | 
55 |   function handleChange(event, newValue) {
56 |     setValue(newValue);
57 |   }
58 | 
59 |   return (
60 |     <div className={classes.root}>
61 |       <AppBar position="static" color="default">
62 |         <Tabs
63 |           value={value}
64 |           onChange={handleChange}
65 |           indicatorColor="primary"
66 |           textColor="primary"
67 |           variant="scrollable"
68 |           scrollButtons="auto"
69 |           aria-label="scrollable auto tabs example"
70 |           centered
71 |         >
72 |           <Tab label="About Us" {...a11yProps(0)} />
73 |           <Tab label="Team" {...a11yProps(1)} />
74 |           <Tab label="Mentorship" {...a11yProps(2)} />
75 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
76 |           <Tab label="Resources" {...a11yProps(4)} />
77 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
78 |         
79 |         </Tabs>
80 |       </AppBar>
81 |       <TabPanel value={value} index={0}>
82 |       <Route path="./Pages/AboutUs" component={AboutUs} />
83 |       </TabPanel>
84 |     </div>
85 |   );
86 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829015921.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | import AboutUs from '../Pages/AboutUs';
11 | 
12 | function TabPanel(props) {
13 |   const { children, value, index, ...other } = props;
14 | 
15 |   return (
16 |     <Typography
17 |       component="div"
18 |       role="tabpanel"
19 |       hidden={value !== index}
20 |       id={`scrollable-auto-tabpanel-${index}`}
21 |       aria-labelledby={`scrollable-auto-tab-${index}`}
22 |       {...other}
23 |     >
24 |       <Box p={3}>{children}</Box>
25 |     </Typography>
26 |   );
27 | }
28 | 
29 | TabPanel.propTypes = {
30 |   children: PropTypes.node,
31 |   index: PropTypes.any.isRequired,
32 |   value: PropTypes.any.isRequired,
33 | };
34 | 
35 | function a11yProps(index) {
36 |   return {
37 |     id: `scrollable-auto-tab-${index}`,
38 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
39 |   };
40 | }
41 | 
42 | const useStyles = makeStyles(theme => ({
43 |   root: {
44 |     flexGrow: 1,
45 |     width: '100%',
46 |     backgroundColor: theme.palette.background.paper,
47 |     
48 |   },
49 | }));
50 | 
51 | export default function ScrollableTabsButtonAuto() {
52 |   const classes = useStyles();
53 |   const [value, setValue] = React.useState(0);
54 | 
55 |   function handleChange(event, newValue) {
56 |     setValue(newValue);
57 |   }
58 | 
59 |   return (
60 |     <div className={classes.root}>
61 |       <AppBar position="static" color="default">
62 |         <Tabs
63 |           value={value}
64 |           onChange={handleChange}
65 |           indicatorColor="primary"
66 |           textColor="primary"
67 |           variant="scrollable"
68 |           scrollButtons="auto"
69 |           aria-label="scrollable auto tabs example"
70 |           centered
71 |         >
72 |           <Tab label="About Us" {...a11yProps(0)} />
73 |           <Tab label="Team" {...a11yProps(1)} />
74 |           <Tab label="Mentorship" {...a11yProps(2)} />
75 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
76 |           <Tab label="Resources" {...a11yProps(4)} />
77 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
78 |         
79 |         </Tabs>
80 |       </AppBar>
81 |       <TabPanel value={value} index={0}>
82 |       <Route path="/AboutUs" component={AboutUs} />
83 |       </TabPanel>
84 |     </div>
85 |   );
86 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829015925.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | import AboutUs from '../Pages/AboutUs';
11 | 
12 | function TabPanel(props) {
13 |   const { children, value, index, ...other } = props;
14 | 
15 |   return (
16 |     <Typography
17 |       component="div"
18 |       role="tabpanel"
19 |       hidden={value !== index}
20 |       id={`scrollable-auto-tabpanel-${index}`}
21 |       aria-labelledby={`scrollable-auto-tab-${index}`}
22 |       {...other}
23 |     >
24 |       <Box p={3}>{children}</Box>
25 |     </Typography>
26 |   );
27 | }
28 | 
29 | TabPanel.propTypes = {
30 |   children: PropTypes.node,
31 |   index: PropTypes.any.isRequired,
32 |   value: PropTypes.any.isRequired,
33 | };
34 | 
35 | function a11yProps(index) {
36 |   return {
37 |     id: `scrollable-auto-tab-${index}`,
38 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
39 |   };
40 | }
41 | 
42 | const useStyles = makeStyles(theme => ({
43 |   root: {
44 |     flexGrow: 1,
45 |     width: '100%',
46 |     backgroundColor: theme.palette.background.paper,
47 |     
48 |   },
49 | }));
50 | 
51 | export default function ScrollableTabsButtonAuto() {
52 |   const classes = useStyles();
53 |   const [value, setValue] = React.useState(0);
54 | 
55 |   function handleChange(event, newValue) {
56 |     setValue(newValue);
57 |   }
58 | 
59 |   return (
60 |     <div className={classes.root}>
61 |       <AppBar position="static" color="default">
62 |         <Tabs
63 |           value={value}
64 |           onChange={handleChange}
65 |           indicatorColor="primary"
66 |           textColor="primary"
67 |           variant="scrollable"
68 |           scrollButtons="auto"
69 |           aria-label="scrollable auto tabs example"
70 |           centered
71 |         >
72 |           <Tab label="About Us" {...a11yProps(0)} />
73 |           <Tab label="Team" {...a11yProps(1)} />
74 |           <Tab label="Mentorship" {...a11yProps(2)} />
75 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
76 |           <Tab label="Resources" {...a11yProps(4)} />
77 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
78 |         
79 |         </Tabs>
80 |       </AppBar>
81 |       <TabPanel value={value} index={0}>
82 |       <Route path="/AboutUs/" component={AboutUs} />
83 |       </TabPanel>
84 |     </div>
85 |   );
86 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829015942.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | import AboutUs from '../Pages/AboutUs';
11 | 
12 | function TabPanel(props) {
13 |   const { children, value, index, ...other } = props;
14 | 
15 |   return (
16 |     <Typography
17 |       component="div"
18 |       role="tabpanel"
19 |       hidden={value !== index}
20 |       id={`scrollable-auto-tabpanel-${index}`}
21 |       aria-labelledby={`scrollable-auto-tab-${index}`}
22 |       {...other}
23 |     >
24 |       <Box p={3}>{children}</Box>
25 |     </Typography>
26 |   );
27 | }
28 | 
29 | TabPanel.propTypes = {
30 |   children: PropTypes.node,
31 |   index: PropTypes.any.isRequired,
32 |   value: PropTypes.any.isRequired,
33 | };
34 | 
35 | function a11yProps(index) {
36 |   return {
37 |     id: `scrollable-auto-tab-${index}`,
38 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
39 |   };
40 | }
41 | 
42 | const useStyles = makeStyles(theme => ({
43 |   root: {
44 |     flexGrow: 1,
45 |     width: '100%',
46 |     backgroundColor: theme.palette.background.paper,
47 |     
48 |   },
49 | }));
50 | 
51 | export default function ScrollableTabsButtonAuto() {
52 |   const classes = useStyles();
53 |   const [value, setValue] = React.useState(0);
54 | 
55 |   function handleChange(event, newValue) {
56 |     setValue(newValue);
57 |   }
58 | 
59 |   return (
60 |     <div className={classes.root}>
61 |       <AppBar position="static" color="default">
62 |         <Tabs
63 |           value={value}
64 |           onChange={handleChange}
65 |           indicatorColor="primary"
66 |           textColor="primary"
67 |           variant="scrollable"
68 |           scrollButtons="auto"
69 |           aria-label="scrollable auto tabs example"
70 |           centered
71 |         >
72 |           <Tab label="About Us" {...a11yProps(0)} />
73 |           <Tab label="Team" {...a11yProps(1)} />
74 |           <Tab label="Mentorship" {...a11yProps(2)} />
75 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
76 |           <Tab label="Resources" {...a11yProps(4)} />
77 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
78 |         
79 |         </Tabs>
80 |       </AppBar>
81 |       <TabPanel value={value} index={0}>
82 |       <Route path="/Pages/AboutUs/" component={AboutUs} />
83 |       </TabPanel>
84 |     </div>
85 |   );
86 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829020124.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | import AboutUs from './AboutUs';
11 | 
12 | function TabPanel(props) {
13 |   const { children, value, index, ...other } = props;
14 | 
15 |   return (
16 |     <Typography
17 |       component="div"
18 |       role="tabpanel"
19 |       hidden={value !== index}
20 |       id={`scrollable-auto-tabpanel-${index}`}
21 |       aria-labelledby={`scrollable-auto-tab-${index}`}
22 |       {...other}
23 |     >
24 |       <Box p={3}>{children}</Box>
25 |     </Typography>
26 |   );
27 | }
28 | 
29 | TabPanel.propTypes = {
30 |   children: PropTypes.node,
31 |   index: PropTypes.any.isRequired,
32 |   value: PropTypes.any.isRequired,
33 | };
34 | 
35 | function a11yProps(index) {
36 |   return {
37 |     id: `scrollable-auto-tab-${index}`,
38 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
39 |   };
40 | }
41 | 
42 | const useStyles = makeStyles(theme => ({
43 |   root: {
44 |     flexGrow: 1,
45 |     width: '100%',
46 |     backgroundColor: theme.palette.background.paper,
47 |     
48 |   },
49 | }));
50 | 
51 | export default function ScrollableTabsButtonAuto() {
52 |   const classes = useStyles();
53 |   const [value, setValue] = React.useState(0);
54 | 
55 |   function handleChange(event, newValue) {
56 |     setValue(newValue);
57 |   }
58 | 
59 |   return (
60 |     <div className={classes.root}>
61 |       <AppBar position="static" color="default">
62 |         <Tabs
63 |           value={value}
64 |           onChange={handleChange}
65 |           indicatorColor="primary"
66 |           textColor="primary"
67 |           variant="scrollable"
68 |           scrollButtons="auto"
69 |           aria-label="scrollable auto tabs example"
70 |           centered
71 |         >
72 |           <Tab label="About Us" {...a11yProps(0)} />
73 |           <Tab label="Team" {...a11yProps(1)} />
74 |           <Tab label="Mentorship" {...a11yProps(2)} />
75 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
76 |           <Tab label="Resources" {...a11yProps(4)} />
77 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
78 |         
79 |         </Tabs>
80 |       </AppBar>
81 |       <TabPanel value={value} index={0}>
82 |       <Route path="/AboutUs/" component={AboutUs} />
83 |       </TabPanel>
84 |     </div>
85 |   );
86 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829020131.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | import AboutUs from './AboutUs';
11 | 
12 | function TabPanel(props) {
13 |   const { children, value, index, ...other } = props;
14 | 
15 |   return (
16 |     <Typography
17 |       component="div"
18 |       role="tabpanel"
19 |       hidden={value !== index}
20 |       id={`scrollable-auto-tabpanel-${index}`}
21 |       aria-labelledby={`scrollable-auto-tab-${index}`}
22 |       {...other}
23 |     >
24 |       <Box p={3}>{children}</Box>
25 |     </Typography>
26 |   );
27 | }
28 | 
29 | TabPanel.propTypes = {
30 |   children: PropTypes.node,
31 |   index: PropTypes.any.isRequired,
32 |   value: PropTypes.any.isRequired,
33 | };
34 | 
35 | function a11yProps(index) {
36 |   return {
37 |     id: `scrollable-auto-tab-${index}`,
38 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
39 |   };
40 | }
41 | 
42 | const useStyles = makeStyles(theme => ({
43 |   root: {
44 |     flexGrow: 1,
45 |     width: '100%',
46 |     backgroundColor: theme.palette.background.paper,
47 |     
48 |   },
49 | }));
50 | 
51 | export default function ScrollableTabsButtonAuto() {
52 |   const classes = useStyles();
53 |   const [value, setValue] = React.useState(0);
54 | 
55 |   function handleChange(event, newValue) {
56 |     setValue(newValue);
57 |   }
58 | 
59 |   return (
60 |     <div className={classes.root}>
61 |       <AppBar position="static" color="default">
62 |         <Tabs
63 |           value={value}
64 |           onChange={handleChange}
65 |           indicatorColor="primary"
66 |           textColor="primary"
67 |           variant="scrollable"
68 |           scrollButtons="auto"
69 |           aria-label="scrollable auto tabs example"
70 |           centered
71 |         >
72 |           <Tab label="About Us" {...a11yProps(0)} />
73 |           <Tab label="Team" {...a11yProps(1)} />
74 |           <Tab label="Mentorship" {...a11yProps(2)} />
75 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
76 |           <Tab label="Resources" {...a11yProps(4)} />
77 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
78 |         
79 |         </Tabs>
80 |       </AppBar>
81 |       <TabPanel value={value} index={0}>
82 |       <Route path="AboutUs/" component={AboutUs} />
83 |       </TabPanel>
84 |     </div>
85 |   );
86 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829020212.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | import AboutUs from './AboutUs';
11 | 
12 | function TabPanel(props) {
13 |   const { children, value, index, ...other } = props;
14 | 
15 |   return (
16 |     <Typography
17 |       component="div"
18 |       role="tabpanel"
19 |       hidden={value !== index}
20 |       id={`scrollable-auto-tabpanel-${index}`}
21 |       aria-labelledby={`scrollable-auto-tab-${index}`}
22 |       {...other}
23 |     >
24 |       <Box p={3}>{children}</Box>
25 |     </Typography>
26 |   );
27 | }
28 | 
29 | TabPanel.propTypes = {
30 |   children: PropTypes.node,
31 |   index: PropTypes.any.isRequired,
32 |   value: PropTypes.any.isRequired,
33 | };
34 | 
35 | function a11yProps(index) {
36 |   return {
37 |     id: `scrollable-auto-tab-${index}`,
38 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
39 |   };
40 | }
41 | 
42 | const useStyles = makeStyles(theme => ({
43 |   root: {
44 |     flexGrow: 1,
45 |     width: '100%',
46 |     backgroundColor: theme.palette.background.paper,
47 |     
48 |   },
49 | }));
50 | 
51 | export default function ScrollableTabsButtonAuto() {
52 |   const classes = useStyles();
53 |   const [value, setValue] = React.useState(0);
54 | 
55 |   function handleChange(event, newValue) {
56 |     setValue(newValue);
57 |   }
58 | 
59 |   return (
60 |     <div className={classes.root}>
61 |       <AppBar position="static" color="default">
62 |         <Tabs
63 |           value={value}
64 |           onChange={handleChange}
65 |           indicatorColor="primary"
66 |           textColor="primary"
67 |           variant="scrollable"
68 |           scrollButtons="auto"
69 |           aria-label="scrollable auto tabs example"
70 |           centered
71 |         >
72 |           <Tab label="About Us" {...a11yProps(0)} />
73 |           <Tab label="Team" {...a11yProps(1)} />
74 |           <Tab label="Mentorship" {...a11yProps(2)} />
75 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
76 |           <Tab label="Resources" {...a11yProps(4)} />
77 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
78 |         
79 |         </Tabs>
80 |       </AppBar>
81 |       <TabPanel value={value} index={0}>
82 |       <Route path="/AboutUs/" component={AboutUs} />
83 |       </TabPanel>
84 |     </div>
85 |   );
86 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829020305.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | import AboutUs from './AboutUs';
11 | 
12 | function TabPanel(props) {
13 |   const { children, value, index, ...other } = props;
14 | 
15 |   return (
16 |     <Typography
17 |       component="div"
18 |       role="tabpanel"
19 |       hidden={value !== index}
20 |       id={`scrollable-auto-tabpanel-${index}`}
21 |       aria-labelledby={`scrollable-auto-tab-${index}`}
22 |       {...other}
23 |     >
24 |       <Box p={3}>{children}</Box>
25 |     </Typography>
26 |   );
27 | }
28 | 
29 | TabPanel.propTypes = {
30 |   children: PropTypes.node,
31 |   index: PropTypes.any.isRequired,
32 |   value: PropTypes.any.isRequired,
33 | };
34 | 
35 | function a11yProps(index) {
36 |   return {
37 |     id: `scrollable-auto-tab-${index}`,
38 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
39 |   };
40 | }
41 | 
42 | const useStyles = makeStyles(theme => ({
43 |   root: {
44 |     flexGrow: 1,
45 |     width: '100%',
46 |     backgroundColor: theme.palette.background.paper,
47 |     
48 |   },
49 | }));
50 | 
51 | export default function ScrollableTabsButtonAuto() {
52 |   const classes = useStyles();
53 |   const [value, setValue] = React.useState(0);
54 | 
55 |   function handleChange(event, newValue) {
56 |     setValue(newValue);
57 |   }
58 | 
59 |   return (
60 |     <div className={classes.root}>
61 |       <AppBar position="static" color="default">
62 |         <Tabs
63 |           value={value}
64 |           onChange={handleChange}
65 |           indicatorColor="primary"
66 |           textColor="primary"
67 |           variant="scrollable"
68 |           scrollButtons="auto"
69 |           aria-label="scrollable auto tabs example"
70 |           centered
71 |         >
72 |           <Tab label="About Us" {...a11yProps(0)} />
73 |           <Tab label="Team" {...a11yProps(1)} />
74 |           <Tab label="Mentorship" {...a11yProps(2)} />
75 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
76 |           <Tab label="Resources" {...a11yProps(4)} />
77 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
78 |         
79 |         </Tabs>
80 |       </AppBar>
81 |       <TabPanel value={value} index={0}>
82 |       <Route path="/AboutUs/" component={AboutUs} />
83 |       </TabPanel>
84 |     </div>
85 |   );
86 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829020338.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | 
11 | function TabPanel(props) {
12 |   const { children, value, index, ...other } = props;
13 | 
14 |   return (
15 |     <Typography
16 |       component="div"
17 |       role="tabpanel"
18 |       hidden={value !== index}
19 |       id={`scrollable-auto-tabpanel-${index}`}
20 |       aria-labelledby={`scrollable-auto-tab-${index}`}
21 |       {...other}
22 |     >
23 |       <Box p={3}>{children}</Box>
24 |     </Typography>
25 |   );
26 | }
27 | 
28 | TabPanel.propTypes = {
29 |   children: PropTypes.node,
30 |   index: PropTypes.any.isRequired,
31 |   value: PropTypes.any.isRequired,
32 | };
33 | 
34 | function a11yProps(index) {
35 |   return {
36 |     id: `scrollable-auto-tab-${index}`,
37 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
38 |   };
39 | }
40 | 
41 | const useStyles = makeStyles(theme => ({
42 |   root: {
43 |     flexGrow: 1,
44 |     width: '100%',
45 |     backgroundColor: theme.palette.background.paper,
46 |     
47 |   },
48 | }));
49 | 
50 | export default function ScrollableTabsButtonAuto() {
51 |   const classes = useStyles();
52 |   const [value, setValue] = React.useState(0);
53 | 
54 |   function handleChange(event, newValue) {
55 |     setValue(newValue);
56 |   }
57 | 
58 |   return (
59 |     <div className={classes.root}>
60 |       <AppBar position="static" color="default">
61 |         <Tabs
62 |           value={value}
63 |           onChange={handleChange}
64 |           indicatorColor="primary"
65 |           textColor="primary"
66 |           variant="scrollable"
67 |           scrollButtons="auto"
68 |           aria-label="scrollable auto tabs example"
69 |           centered
70 |         >
71 |           <Tab label="About Us" {...a11yProps(0)} />
72 |           <Tab label="Team" {...a11yProps(1)} />
73 |           <Tab label="Mentorship" {...a11yProps(2)} />
74 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
75 |           <Tab label="Resources" {...a11yProps(4)} />
76 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
77 |         
78 |         </Tabs>
79 |       </AppBar>
80 |       <TabPanel value={value} index={0}>
81 |       <Route path="/AboutUs/" component={AboutUs} />
82 |       </TabPanel>
83 |     </div>
84 |   );
85 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829020352.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | 
11 | function TabPanel(props) {
12 |   const { children, value, index, ...other } = props;
13 | 
14 |   return (
15 |     <Typography
16 |       component="div"
17 |       role="tabpanel"
18 |       hidden={value !== index}
19 |       id={`scrollable-auto-tabpanel-${index}`}
20 |       aria-labelledby={`scrollable-auto-tab-${index}`}
21 |       {...other}
22 |     >
23 |       <Box p={3}>{children}</Box>
24 |     </Typography>
25 |   );
26 | }
27 | 
28 | TabPanel.propTypes = {
29 |   children: PropTypes.node,
30 |   index: PropTypes.any.isRequired,
31 |   value: PropTypes.any.isRequired,
32 | };
33 | 
34 | function a11yProps(index) {
35 |   return {
36 |     id: `scrollable-auto-tab-${index}`,
37 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
38 |   };
39 | }
40 | 
41 | const useStyles = makeStyles(theme => ({
42 |   root: {
43 |     flexGrow: 1,
44 |     width: '100%',
45 |     backgroundColor: theme.palette.background.paper,
46 |     
47 |   },
48 | }));
49 | 
50 | export default function ScrollableTabsButtonAuto() {
51 |   const classes = useStyles();
52 |   const [value, setValue] = React.useState(0);
53 | 
54 |   function handleChange(event, newValue) {
55 |     setValue(newValue);
56 |   }
57 | 
58 |   return (
59 |     <div className={classes.root}>
60 |       <AppBar position="static" color="default">
61 |         <Tabs
62 |           value={value}
63 |           onChange={handleChange}
64 |           indicatorColor="primary"
65 |           textColor="primary"
66 |           variant="scrollable"
67 |           scrollButtons="auto"
68 |           aria-label="scrollable auto tabs example"
69 |           centered
70 |         >
71 |           <Tab label="About Us" {...a11yProps(0)} />
72 |           <Tab label="Team" {...a11yProps(1)} />
73 |           <Tab label="Mentorship" {...a11yProps(2)} />
74 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
75 |           <Tab label="Resources" {...a11yProps(4)} />
76 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
77 |         
78 |         </Tabs>
79 |       </AppBar>
80 |       <TabPanel value={value} index={0}>
81 |       <Route path="/AboutUs/" component={AboutUs} />
82 |       </TabPanel>
83 |     </div>
84 |   );
85 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829020403.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | 
11 | function TabPanel(props) {
12 |   const { children, value, index, ...other } = props;
13 | 
14 |   return (
15 |     <Typography
16 |       component="div"
17 |       role="tabpanel"
18 |       hidden={value !== index}
19 |       id={`scrollable-auto-tabpanel-${index}`}
20 |       aria-labelledby={`scrollable-auto-tab-${index}`}
21 |       {...other}
22 |     >
23 |       <Box p={3}>{children}</Box>
24 |     </Typography>
25 |   );
26 | }
27 | 
28 | TabPanel.propTypes = {
29 |   children: PropTypes.node,
30 |   index: PropTypes.any.isRequired,
31 |   value: PropTypes.any.isRequired,
32 | };
33 | 
34 | function a11yProps(index) {
35 |   return {
36 |     id: `scrollable-auto-tab-${index}`,
37 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
38 |   };
39 | }
40 | 
41 | const useStyles = makeStyles(theme => ({
42 |   root: {
43 |     flexGrow: 1,
44 |     width: '100%',
45 |     backgroundColor: theme.palette.background.paper,
46 |     
47 |   },
48 | }));
49 | 
50 | export default function ScrollableTabsButtonAuto() {
51 |   const classes = useStyles();
52 |   const [value, setValue] = React.useState(0);
53 | 
54 |   function handleChange(event, newValue) {
55 |     setValue(newValue);
56 |   }
57 | 
58 |   return (
59 |     <div className={classes.root}>
60 |       <AppBar position="static" color="default">
61 |         <Tabs
62 |           value={value}
63 |           onChange={handleChange}
64 |           indicatorColor="primary"
65 |           textColor="primary"
66 |           variant="scrollable"
67 |           scrollButtons="auto"
68 |           aria-label="scrollable auto tabs example"
69 |           centered
70 |         >
71 |           <Tab label="About Us" {...a11yProps(0)} />
72 |           <Tab label="Team" {...a11yProps(1)} />
73 |           <Tab label="Mentorship" {...a11yProps(2)} />
74 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
75 |           <Tab label="Resources" {...a11yProps(4)} />
76 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
77 |         
78 |         </Tabs>
79 |       </AppBar>
80 |       <TabPanel value={value} index={0}>
81 |       <Route path=".Pages/AboutUs/" component={AboutUs} />
82 |       </TabPanel>
83 |     </div>
84 |   );
85 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829020455.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | 
11 | function TabPanel(props) {
12 |   const { children, value, index, ...other } = props;
13 | 
14 |   return (
15 |     <Typography
16 |       component="div"
17 |       role="tabpanel"
18 |       hidden={value !== index}
19 |       id={`scrollable-auto-tabpanel-${index}`}
20 |       aria-labelledby={`scrollable-auto-tab-${index}`}
21 |       {...other}
22 |     >
23 |       <Box p={3}>{children}</Box>
24 |     </Typography>
25 |   );
26 | }
27 | 
28 | TabPanel.propTypes = {
29 |   children: PropTypes.node,
30 |   index: PropTypes.any.isRequired,
31 |   value: PropTypes.any.isRequired,
32 | };
33 | 
34 | function a11yProps(index) {
35 |   return {
36 |     id: `scrollable-auto-tab-${index}`,
37 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
38 |   };
39 | }
40 | 
41 | const useStyles = makeStyles(theme => ({
42 |   root: {
43 |     flexGrow: 1,
44 |     width: '100%',
45 |     backgroundColor: theme.palette.background.paper,
46 |     
47 |   },
48 | }));
49 | 
50 | export default function ScrollableTabsButtonAuto() {
51 |   const classes = useStyles();
52 |   const [value, setValue] = React.useState(0);
53 | 
54 |   function handleChange(event, newValue) {
55 |     setValue(newValue);
56 |   }
57 | 
58 |   return (
59 |     <div className={classes.root}>
60 |       <AppBar position="static" color="default">
61 |         <Tabs
62 |           value={value}
63 |           onChange={handleChange}
64 |           indicatorColor="primary"
65 |           textColor="primary"
66 |           variant="scrollable"
67 |           scrollButtons="auto"
68 |           aria-label="scrollable auto tabs example"
69 |           centered
70 |         >
71 |           <Tab label="About Us" {...a11yProps(0)} />
72 |           <Tab label="Team" {...a11yProps(1)} />
73 |           <Tab label="Mentorship" {...a11yProps(2)} />
74 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
75 |           <Tab label="Resources" {...a11yProps(4)} />
76 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
77 |         
78 |         </Tabs>
79 |       </AppBar>
80 |       <TabPanel value={value} index={0}>
81 |       
82 |       </TabPanel>
83 |     </div>
84 |   );
85 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829020502.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | 
11 | function TabPanel(props) {
12 |   const { children, value, index, ...other } = props;
13 | 
14 |   return (
15 |     <Typography
16 |       component="div"
17 |       role="tabpanel"
18 |       hidden={value !== index}
19 |       id={`scrollable-auto-tabpanel-${index}`}
20 |       aria-labelledby={`scrollable-auto-tab-${index}`}
21 |       {...other}
22 |     >
23 |       <Box p={3}>{children}</Box>
24 |     </Typography>
25 |   );
26 | }
27 | 
28 | TabPanel.propTypes = {
29 |   children: PropTypes.node,
30 |   index: PropTypes.any.isRequired,
31 |   value: PropTypes.any.isRequired,
32 | };
33 | 
34 | function a11yProps(index) {
35 |   return {
36 |     id: `scrollable-auto-tab-${index}`,
37 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
38 |   };
39 | }
40 | 
41 | const useStyles = makeStyles(theme => ({
42 |   root: {
43 |     flexGrow: 1,
44 |     width: '100%',
45 |     backgroundColor: theme.palette.background.paper,
46 |     
47 |   },
48 | }));
49 | 
50 | export default function ScrollableTabsButtonAuto() {
51 |   const classes = useStyles();
52 |   const [value, setValue] = React.useState(0);
53 | 
54 |   function handleChange(event, newValue) {
55 |     setValue(newValue);
56 |   }
57 | 
58 |   return (
59 |     <div className={classes.root}>
60 |       <AppBar position="static" color="default">
61 |         <Tabs
62 |           value={value}
63 |           onChange={handleChange}
64 |           indicatorColor="primary"
65 |           textColor="primary"
66 |           variant="scrollable"
67 |           scrollButtons="auto"
68 |           aria-label="scrollable auto tabs example"
69 |           centered
70 |         >
71 |           <Tab label="About Us" {...a11yProps(0)} />
72 |           <Tab label="Team" {...a11yProps(1)} />
73 |           <Tab label="Mentorship" {...a11yProps(2)} />
74 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
75 |           <Tab label="Resources" {...a11yProps(4)} />
76 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
77 |         
78 |         </Tabs>
79 |       </AppBar>
80 |       <TabPanel value={value} index={0}>
81 |       <Route path="./Pages/AboutUs/" component={AboutUs} />
82 |       </TabPanel>
83 |     </div>
84 |   );
85 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829020509.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | 
11 | function TabPanel(props) {
12 |   const { children, value, index, ...other } = props;
13 | 
14 |   return (
15 |     <Typography
16 |       component="div"
17 |       role="tabpanel"
18 |       hidden={value !== index}
19 |       id={`scrollable-auto-tabpanel-${index}`}
20 |       aria-labelledby={`scrollable-auto-tab-${index}`}
21 |       {...other}
22 |     >
23 |       <Box p={3}>{children}</Box>
24 |     </Typography>
25 |   );
26 | }
27 | 
28 | TabPanel.propTypes = {
29 |   children: PropTypes.node,
30 |   index: PropTypes.any.isRequired,
31 |   value: PropTypes.any.isRequired,
32 | };
33 | 
34 | function a11yProps(index) {
35 |   return {
36 |     id: `scrollable-auto-tab-${index}`,
37 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
38 |   };
39 | }
40 | 
41 | const useStyles = makeStyles(theme => ({
42 |   root: {
43 |     flexGrow: 1,
44 |     width: '100%',
45 |     backgroundColor: theme.palette.background.paper,
46 |     
47 |   },
48 | }));
49 | 
50 | export default function ScrollableTabsButtonAuto() {
51 |   const classes = useStyles();
52 |   const [value, setValue] = React.useState(0);
53 | 
54 |   function handleChange(event, newValue) {
55 |     setValue(newValue);
56 |   }
57 | 
58 |   return (
59 |     <div className={classes.root}>
60 |       <AppBar position="static" color="default">
61 |         <Tabs
62 |           value={value}
63 |           onChange={handleChange}
64 |           indicatorColor="primary"
65 |           textColor="primary"
66 |           variant="scrollable"
67 |           scrollButtons="auto"
68 |           aria-label="scrollable auto tabs example"
69 |           centered
70 |         >
71 |           <Tab label="About Us" {...a11yProps(0)} />
72 |           <Tab label="Team" {...a11yProps(1)} />
73 |           <Tab label="Mentorship" {...a11yProps(2)} />
74 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
75 |           <Tab label="Resources" {...a11yProps(4)} />
76 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
77 |         
78 |         </Tabs>
79 |       </AppBar>
80 |       <TabPanel value={value} index={0}>
81 |       <Route path="./Pages/AboutUs" component={AboutUs} />
82 |       </TabPanel>
83 |     </div>
84 |   );
85 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829020514.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | 
11 | function TabPanel(props) {
12 |   const { children, value, index, ...other } = props;
13 | 
14 |   return (
15 |     <Typography
16 |       component="div"
17 |       role="tabpanel"
18 |       hidden={value !== index}
19 |       id={`scrollable-auto-tabpanel-${index}`}
20 |       aria-labelledby={`scrollable-auto-tab-${index}`}
21 |       {...other}
22 |     >
23 |       <Box p={3}>{children}</Box>
24 |     </Typography>
25 |   );
26 | }
27 | 
28 | TabPanel.propTypes = {
29 |   children: PropTypes.node,
30 |   index: PropTypes.any.isRequired,
31 |   value: PropTypes.any.isRequired,
32 | };
33 | 
34 | function a11yProps(index) {
35 |   return {
36 |     id: `scrollable-auto-tab-${index}`,
37 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
38 |   };
39 | }
40 | 
41 | const useStyles = makeStyles(theme => ({
42 |   root: {
43 |     flexGrow: 1,
44 |     width: '100%',
45 |     backgroundColor: theme.palette.background.paper,
46 |     
47 |   },
48 | }));
49 | 
50 | export default function ScrollableTabsButtonAuto() {
51 |   const classes = useStyles();
52 |   const [value, setValue] = React.useState(0);
53 | 
54 |   function handleChange(event, newValue) {
55 |     setValue(newValue);
56 |   }
57 | 
58 |   return (
59 |     <div className={classes.root}>
60 |       <AppBar position="static" color="default">
61 |         <Tabs
62 |           value={value}
63 |           onChange={handleChange}
64 |           indicatorColor="primary"
65 |           textColor="primary"
66 |           variant="scrollable"
67 |           scrollButtons="auto"
68 |           aria-label="scrollable auto tabs example"
69 |           centered
70 |         >
71 |           <Tab label="About Us" {...a11yProps(0)} />
72 |           <Tab label="Team" {...a11yProps(1)} />
73 |           <Tab label="Mentorship" {...a11yProps(2)} />
74 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
75 |           <Tab label="Resources" {...a11yProps(4)} />
76 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
77 |         
78 |         </Tabs>
79 |       </AppBar>
80 |       <TabPanel value={value} index={0}>
81 |       <Route path="./Pages/AboutUs/" component={AboutUs} />
82 |       </TabPanel>
83 |     </div>
84 |   );
85 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829020528.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | 
11 | function TabPanel(props) {
12 |   const { children, value, index, ...other } = props;
13 | 
14 |   return (
15 |     <Typography
16 |       component="div"
17 |       role="tabpanel"
18 |       hidden={value !== index}
19 |       id={`scrollable-auto-tabpanel-${index}`}
20 |       aria-labelledby={`scrollable-auto-tab-${index}`}
21 |       {...other}
22 |     >
23 |       <Box p={3}>{children}</Box>
24 |     </Typography>
25 |   );
26 | }
27 | 
28 | TabPanel.propTypes = {
29 |   children: PropTypes.node,
30 |   index: PropTypes.any.isRequired,
31 |   value: PropTypes.any.isRequired,
32 | };
33 | 
34 | function a11yProps(index) {
35 |   return {
36 |     id: `scrollable-auto-tab-${index}`,
37 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
38 |   };
39 | }
40 | 
41 | const useStyles = makeStyles(theme => ({
42 |   root: {
43 |     flexGrow: 1,
44 |     width: '100%',
45 |     backgroundColor: theme.palette.background.paper,
46 |     
47 |   },
48 | }));
49 | 
50 | export default function ScrollableTabsButtonAuto() {
51 |   const classes = useStyles();
52 |   const [value, setValue] = React.useState(0);
53 | 
54 |   function handleChange(event, newValue) {
55 |     setValue(newValue);
56 |   }
57 | 
58 |   return (
59 |     <div className={classes.root}>
60 |       <AppBar position="static" color="default">
61 |         <Tabs
62 |           value={value}
63 |           onChange={handleChange}
64 |           indicatorColor="primary"
65 |           textColor="primary"
66 |           variant="scrollable"
67 |           scrollButtons="auto"
68 |           aria-label="scrollable auto tabs example"
69 |           centered
70 |         >
71 |           <Tab label="About Us" {...a11yProps(0)} />
72 |           <Tab label="Team" {...a11yProps(1)} />
73 |           <Tab label="Mentorship" {...a11yProps(2)} />
74 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
75 |           <Tab label="Resources" {...a11yProps(4)} />
76 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
77 |         
78 |         </Tabs>
79 |       </AppBar>
80 |       <TabPanel value={value} index={0}>
81 |       <Route path=".components/Pages/AboutUs/" component={AboutUs} />
82 |       </TabPanel>
83 |     </div>
84 |   );
85 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829020533.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | 
11 | function TabPanel(props) {
12 |   const { children, value, index, ...other } = props;
13 | 
14 |   return (
15 |     <Typography
16 |       component="div"
17 |       role="tabpanel"
18 |       hidden={value !== index}
19 |       id={`scrollable-auto-tabpanel-${index}`}
20 |       aria-labelledby={`scrollable-auto-tab-${index}`}
21 |       {...other}
22 |     >
23 |       <Box p={3}>{children}</Box>
24 |     </Typography>
25 |   );
26 | }
27 | 
28 | TabPanel.propTypes = {
29 |   children: PropTypes.node,
30 |   index: PropTypes.any.isRequired,
31 |   value: PropTypes.any.isRequired,
32 | };
33 | 
34 | function a11yProps(index) {
35 |   return {
36 |     id: `scrollable-auto-tab-${index}`,
37 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
38 |   };
39 | }
40 | 
41 | const useStyles = makeStyles(theme => ({
42 |   root: {
43 |     flexGrow: 1,
44 |     width: '100%',
45 |     backgroundColor: theme.palette.background.paper,
46 |     
47 |   },
48 | }));
49 | 
50 | export default function ScrollableTabsButtonAuto() {
51 |   const classes = useStyles();
52 |   const [value, setValue] = React.useState(0);
53 | 
54 |   function handleChange(event, newValue) {
55 |     setValue(newValue);
56 |   }
57 | 
58 |   return (
59 |     <div className={classes.root}>
60 |       <AppBar position="static" color="default">
61 |         <Tabs
62 |           value={value}
63 |           onChange={handleChange}
64 |           indicatorColor="primary"
65 |           textColor="primary"
66 |           variant="scrollable"
67 |           scrollButtons="auto"
68 |           aria-label="scrollable auto tabs example"
69 |           centered
70 |         >
71 |           <Tab label="About Us" {...a11yProps(0)} />
72 |           <Tab label="Team" {...a11yProps(1)} />
73 |           <Tab label="Mentorship" {...a11yProps(2)} />
74 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
75 |           <Tab label="Resources" {...a11yProps(4)} />
76 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
77 |         
78 |         </Tabs>
79 |       </AppBar>
80 |       <TabPanel value={value} index={0}>
81 |       <Route path="./components/Pages/AboutUs/" component={AboutUs} />
82 |       </TabPanel>
83 |     </div>
84 |   );
85 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829020543.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom'
10 | 
11 | function TabPanel(props) {
12 |   const { children, value, index, ...other } = props;
13 | 
14 |   return (
15 |     <Typography
16 |       component="div"
17 |       role="tabpanel"
18 |       hidden={value !== index}
19 |       id={`scrollable-auto-tabpanel-${index}`}
20 |       aria-labelledby={`scrollable-auto-tab-${index}`}
21 |       {...other}
22 |     >
23 |       <Box p={3}>{children}</Box>
24 |     </Typography>
25 |   );
26 | }
27 | 
28 | TabPanel.propTypes = {
29 |   children: PropTypes.node,
30 |   index: PropTypes.any.isRequired,
31 |   value: PropTypes.any.isRequired,
32 | };
33 | 
34 | function a11yProps(index) {
35 |   return {
36 |     id: `scrollable-auto-tab-${index}`,
37 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
38 |   };
39 | }
40 | 
41 | const useStyles = makeStyles(theme => ({
42 |   root: {
43 |     flexGrow: 1,
44 |     width: '100%',
45 |     backgroundColor: theme.palette.background.paper,
46 |     
47 |   },
48 | }));
49 | 
50 | export default function ScrollableTabsButtonAuto() {
51 |   const classes = useStyles();
52 |   const [value, setValue] = React.useState(0);
53 | 
54 |   function handleChange(event, newValue) {
55 |     setValue(newValue);
56 |   }
57 | 
58 |   return (
59 |     <div className={classes.root}>
60 |       <AppBar position="static" color="default">
61 |         <Tabs
62 |           value={value}
63 |           onChange={handleChange}
64 |           indicatorColor="primary"
65 |           textColor="primary"
66 |           variant="scrollable"
67 |           scrollButtons="auto"
68 |           aria-label="scrollable auto tabs example"
69 |           centered
70 |         >
71 |           <Tab label="About Us" {...a11yProps(0)} />
72 |           <Tab label="Team" {...a11yProps(1)} />
73 |           <Tab label="Mentorship" {...a11yProps(2)} />
74 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
75 |           <Tab label="Resources" {...a11yProps(4)} />
76 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
77 |         
78 |         </Tabs>
79 |       </AppBar>
80 |       <TabPanel value={value} index={0}>
81 |       <Route path="./components/Pages/AboutUs/" component={AboutUs} />
82 |       </TabPanel>
83 |     </div>
84 |   );
85 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829020546.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | 
11 | function TabPanel(props) {
12 |   const { children, value, index, ...other } = props;
13 | 
14 |   return (
15 |     <Typography
16 |       component="div"
17 |       role="tabpanel"
18 |       hidden={value !== index}
19 |       id={`scrollable-auto-tabpanel-${index}`}
20 |       aria-labelledby={`scrollable-auto-tab-${index}`}
21 |       {...other}
22 |     >
23 |       <Box p={3}>{children}</Box>
24 |     </Typography>
25 |   );
26 | }
27 | 
28 | TabPanel.propTypes = {
29 |   children: PropTypes.node,
30 |   index: PropTypes.any.isRequired,
31 |   value: PropTypes.any.isRequired,
32 | };
33 | 
34 | function a11yProps(index) {
35 |   return {
36 |     id: `scrollable-auto-tab-${index}`,
37 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
38 |   };
39 | }
40 | 
41 | const useStyles = makeStyles(theme => ({
42 |   root: {
43 |     flexGrow: 1,
44 |     width: '100%',
45 |     backgroundColor: theme.palette.background.paper,
46 |     
47 |   },
48 | }));
49 | 
50 | export default function ScrollableTabsButtonAuto() {
51 |   const classes = useStyles();
52 |   const [value, setValue] = React.useState(0);
53 | 
54 |   function handleChange(event, newValue) {
55 |     setValue(newValue);
56 |   }
57 | 
58 |   return (
59 |     <div className={classes.root}>
60 |       <AppBar position="static" color="default">
61 |         <Tabs
62 |           value={value}
63 |           onChange={handleChange}
64 |           indicatorColor="primary"
65 |           textColor="primary"
66 |           variant="scrollable"
67 |           scrollButtons="auto"
68 |           aria-label="scrollable auto tabs example"
69 |           centered
70 |         >
71 |           <Tab label="About Us" {...a11yProps(0)} />
72 |           <Tab label="Team" {...a11yProps(1)} />
73 |           <Tab label="Mentorship" {...a11yProps(2)} />
74 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
75 |           <Tab label="Resources" {...a11yProps(4)} />
76 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
77 |         
78 |         </Tabs>
79 |       </AppBar>
80 |       <TabPanel value={value} index={0}>
81 |       <Route path="./components/Pages/AboutUs/" component={AboutUs} />
82 |       </TabPanel>
83 |     </div>
84 |   );
85 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829020602.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | 
11 | function TabPanel(props) {
12 |   const { children, value, index, ...other } = props;
13 | 
14 |   return (
15 |     <Typography
16 |       component="div"
17 |       role="tabpanel"
18 |       hidden={value !== index}
19 |       id={`scrollable-auto-tabpanel-${index}`}
20 |       aria-labelledby={`scrollable-auto-tab-${index}`}
21 |       {...other}
22 |     >
23 |       <Box p={3}>{children}</Box>
24 |     </Typography>
25 |   );
26 | }
27 | 
28 | TabPanel.propTypes = {
29 |   children: PropTypes.node,
30 |   index: PropTypes.any.isRequired,
31 |   value: PropTypes.any.isRequired,
32 | };
33 | 
34 | function a11yProps(index) {
35 |   return {
36 |     id: `scrollable-auto-tab-${index}`,
37 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
38 |   };
39 | }
40 | 
41 | const useStyles = makeStyles(theme => ({
42 |   root: {
43 |     flexGrow: 1,
44 |     width: '100%',
45 |     backgroundColor: theme.palette.background.paper,
46 |     
47 |   },
48 | }));
49 | 
50 | export default function ScrollableTabsButtonAuto() {
51 |   const classes = useStyles();
52 |   const [value, setValue] = React.useState(0);
53 | 
54 |   function handleChange(event, newValue) {
55 |     setValue(newValue);
56 |   }
57 | 
58 |   return (
59 |     <div className={classes.root}>
60 |       <AppBar position="static" color="default">
61 |         <Tabs
62 |           value={value}
63 |           onChange={handleChange}
64 |           indicatorColor="primary"
65 |           textColor="primary"
66 |           variant="scrollable"
67 |           scrollButtons="auto"
68 |           aria-label="scrollable auto tabs example"
69 |           centered
70 |         >
71 |           <Tab label="About Us" {.a11yProps(0)} />
72 |           <Tab label="Team" {...a11yProps(1)} />
73 |           <Tab label="Mentorship" {...a11yProps(2)} />
74 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
75 |           <Tab label="Resources" {...a11yProps(4)} />
76 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
77 |         
78 |         </Tabs>
79 |       </AppBar>
80 |       <TabPanel value={value} index={0}>
81 |       <Route path="./components/Pages/AboutUs/" component={AboutUs} />
82 |       </TabPanel>
83 |     </div>
84 |   );
85 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829020606.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | 
11 | function TabPanel(props) {
12 |   const { children, value, index, ...other } = props;
13 | 
14 |   return (
15 |     <Typography
16 |       component="div"
17 |       role="tabpanel"
18 |       hidden={value !== index}
19 |       id={`scrollable-auto-tabpanel-${index}`}
20 |       aria-labelledby={`scrollable-auto-tab-${index}`}
21 |       {...other}
22 |     >
23 |       <Box p={3}>{children}</Box>
24 |     </Typography>
25 |   );
26 | }
27 | 
28 | TabPanel.propTypes = {
29 |   children: PropTypes.node,
30 |   index: PropTypes.any.isRequired,
31 |   value: PropTypes.any.isRequired,
32 | };
33 | 
34 | function a11yProps(index) {
35 |   return {
36 |     id: `scrollable-auto-tab-${index}`,
37 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
38 |   };
39 | }
40 | 
41 | const useStyles = makeStyles(theme => ({
42 |   root: {
43 |     flexGrow: 1,
44 |     width: '100%',
45 |     backgroundColor: theme.palette.background.paper,
46 |     
47 |   },
48 | }));
49 | 
50 | export default function ScrollableTabsButtonAuto() {
51 |   const classes = useStyles();
52 |   const [value, setValue] = React.useState(0);
53 | 
54 |   function handleChange(event, newValue) {
55 |     setValue(newValue);
56 |   }
57 | 
58 |   return (
59 |     <div className={classes.root}>
60 |       <AppBar position="static" color="default">
61 |         <Tabs
62 |           value={value}
63 |           onChange={handleChange}
64 |           indicatorColor="primary"
65 |           textColor="primary"
66 |           variant="scrollable"
67 |           scrollButtons="auto"
68 |           aria-label="scrollable auto tabs example"
69 |           centered
70 |         >
71 |           <Tab label="About Us" {...a11yProps(0)} />
72 |           <Tab label="Team" {...a11yProps(1)} />
73 |           <Tab label="Mentorship" {...a11yProps(2)} />
74 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
75 |           <Tab label="Resources" {...a11yProps(4)} />
76 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
77 |         
78 |         </Tabs>
79 |       </AppBar>
80 |       <TabPanel value={value} index={0}>
81 |       <Route path="./components/Pages/AboutUs/" component={AboutUs} />
82 |       </TabPanel>
83 |     </div>
84 |   );
85 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829020609.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | 
11 | function TabPanel(props) {
12 |   const { children, value, index, ...other } = props;
13 | 
14 |   return (
15 |     <Typography
16 |       component="div"
17 |       role="tabpanel"
18 |       hidden={value !== index}
19 |       id={`scrollable-auto-tabpanel-${index}`}
20 |       aria-labelledby={`scrollable-auto-tab-${index}`}
21 |       {...other}
22 |     >
23 |       <Box p={3}>{children}</Box>
24 |     </Typography>
25 |   );
26 | }
27 | 
28 | TabPanel.propTypes = {
29 |   children: PropTypes.node,
30 |   index: PropTypes.any.isRequired,
31 |   value: PropTypes.any.isRequired,
32 | };
33 | 
34 | function a11yProps(index) {
35 |   return {
36 |     id: `scrollable-auto-tab-${index}`,
37 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
38 |   };
39 | }
40 | 
41 | const useStyles = makeStyles(theme => ({
42 |   root: {
43 |     flexGrow: 1,
44 |     width: '100%',
45 |     backgroundColor: theme.palette.background.paper,
46 |     
47 |   },
48 | }));
49 | 
50 | export default function ScrollableTabsButtonAuto() {
51 |   const classes = useStyles();
52 |   const [value, setValue] = React.useState(0);
53 | 
54 |   function handleChange(event, newValue) {
55 |     setValue(newValue);
56 |   }
57 | 
58 |   return (
59 |     <div className={classes.root}>
60 |       <AppBar position="static" color="default">
61 |         <Tabs
62 |           value={value}
63 |           onChange={handleChange}
64 |           indicatorColor="primary"
65 |           textColor="primary"
66 |           variant="scrollable"
67 |           scrollButtons="auto"
68 |           aria-label="scrollable auto tabs example"
69 |           centered
70 |         >
71 |           <Tab label="About Us" {..a11yProps(0)} />
72 |           <Tab label="Team" {...a11yProps(1)} />
73 |           <Tab label="Mentorship" {...a11yProps(2)} />
74 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
75 |           <Tab label="Resources" {...a11yProps(4)} />
76 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
77 |         
78 |         </Tabs>
79 |       </AppBar>
80 |       <TabPanel value={value} index={0}>
81 |       <Route path="./components/Pages/AboutUs/" component={AboutUs} />
82 |       </TabPanel>
83 |     </div>
84 |   );
85 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829020611.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | 
11 | function TabPanel(props) {
12 |   const { children, value, index, ...other } = props;
13 | 
14 |   return (
15 |     <Typography
16 |       component="div"
17 |       role="tabpanel"
18 |       hidden={value !== index}
19 |       id={`scrollable-auto-tabpanel-${index}`}
20 |       aria-labelledby={`scrollable-auto-tab-${index}`}
21 |       {...other}
22 |     >
23 |       <Box p={3}>{children}</Box>
24 |     </Typography>
25 |   );
26 | }
27 | 
28 | TabPanel.propTypes = {
29 |   children: PropTypes.node,
30 |   index: PropTypes.any.isRequired,
31 |   value: PropTypes.any.isRequired,
32 | };
33 | 
34 | function a11yProps(index) {
35 |   return {
36 |     id: `scrollable-auto-tab-${index}`,
37 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
38 |   };
39 | }
40 | 
41 | const useStyles = makeStyles(theme => ({
42 |   root: {
43 |     flexGrow: 1,
44 |     width: '100%',
45 |     backgroundColor: theme.palette.background.paper,
46 |     
47 |   },
48 | }));
49 | 
50 | export default function ScrollableTabsButtonAuto() {
51 |   const classes = useStyles();
52 |   const [value, setValue] = React.useState(0);
53 | 
54 |   function handleChange(event, newValue) {
55 |     setValue(newValue);
56 |   }
57 | 
58 |   return (
59 |     <div className={classes.root}>
60 |       <AppBar position="static" color="default">
61 |         <Tabs
62 |           value={value}
63 |           onChange={handleChange}
64 |           indicatorColor="primary"
65 |           textColor="primary"
66 |           variant="scrollable"
67 |           scrollButtons="auto"
68 |           aria-label="scrollable auto tabs example"
69 |           centered
70 |         >
71 |           <Tab label="About Us" {...a11yProps(0)} />
72 |           <Tab label="Team" {...a11yProps(1)} />
73 |           <Tab label="Mentorship" {...a11yProps(2)} />
74 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
75 |           <Tab label="Resources" {...a11yProps(4)} />
76 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
77 |         
78 |         </Tabs>
79 |       </AppBar>
80 |       <TabPanel value={value} index={0}>
81 |       <Route path="./components/Pages/AboutUs/" component={AboutUs} />
82 |       </TabPanel>
83 |     </div>
84 |   );
85 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829020700.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | 
11 | function TabPanel(props) {
12 |   const { children, value, index, ...other } = props;
13 | 
14 |   return (
15 |     <Typography
16 |       component="div"
17 |       role="tabpanel"
18 |       hidden={value !== index}
19 |       id={`scrollable-auto-tabpanel-${index}`}
20 |       aria-labelledby={`scrollable-auto-tab-${index}`}
21 |       {...other}
22 |     >
23 |       <Box p={3}>{children}</Box>
24 |     </Typography>
25 |   );
26 | }
27 | 
28 | TabPanel.propTypes = {
29 |   children: PropTypes.node,
30 |   index: PropTypes.any.isRequired,
31 |   value: PropTypes.any.isRequired,
32 | };
33 | 
34 | function a11yProps(index) {
35 |   return {
36 |     id: `scrollable-auto-tab-${index}`,
37 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
38 |   };
39 | }
40 | 
41 | const useStyles = makeStyles(theme => ({
42 |   root: {
43 |     flexGrow: 1,
44 |     width: '100%',
45 |     backgroundColor: theme.palette.background.paper,
46 |     
47 |   },
48 | }));
49 | 
50 | export default function ScrollableTabsButtonAuto() {
51 |   const classes = useStyles();
52 |   const [value, setValue] = React.useState(0);
53 | 
54 |   function handleChange(event, newValue) {
55 |     setValue(newValue);
56 |   }
57 | 
58 |   return (
59 |     <div className={classes.root}>
60 |       <AppBar position="static" color="default">
61 |         <Tabs
62 |           value={value}
63 |           onChange={handleChange}
64 |           indicatorColor="primary"
65 |           textColor="primary"
66 |           variant="scrollable"
67 |           scrollButtons="auto"
68 |           aria-label="scrollable auto tabs example"
69 |           centered
70 |         >
71 |           <Tab label="About Us" {...a11yProps(0)} />
72 |           <Tab label="Team" {...a11yProps(1)} />
73 |           <Tab label="Mentorship" {...a11yProps(2)} />
74 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
75 |           <Tab label="Resources" {...a11yProps(4)} />
76 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
77 |         
78 |         </Tabs>
79 |       </AppBar>
80 |       <TabPanel value={value} index={0}>
81 |       <Route path="./components/Pages/AboutUs.js" component={AboutUs} />
82 |       </TabPanel>
83 |     </div>
84 |   );
85 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829020706.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | 
11 | function TabPanel(props) {
12 |   const { children, value, index, ...other } = props;
13 | 
14 |   return (
15 |     <Typography
16 |       component="div"
17 |       role="tabpanel"
18 |       hidden={value !== index}
19 |       id={`scrollable-auto-tabpanel-${index}`}
20 |       aria-labelledby={`scrollable-auto-tab-${index}`}
21 |       {...other}
22 |     >
23 |       <Box p={3}>{children}</Box>
24 |     </Typography>
25 |   );
26 | }
27 | 
28 | TabPanel.propTypes = {
29 |   children: PropTypes.node,
30 |   index: PropTypes.any.isRequired,
31 |   value: PropTypes.any.isRequired,
32 | };
33 | 
34 | function a11yProps(index) {
35 |   return {
36 |     id: `scrollable-auto-tab-${index}`,
37 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
38 |   };
39 | }
40 | 
41 | const useStyles = makeStyles(theme => ({
42 |   root: {
43 |     flexGrow: 1,
44 |     width: '100%',
45 |     backgroundColor: theme.palette.background.paper,
46 |     
47 |   },
48 | }));
49 | 
50 | export default function ScrollableTabsButtonAuto() {
51 |   const classes = useStyles();
52 |   const [value, setValue] = React.useState(0);
53 | 
54 |   function handleChange(event, newValue) {
55 |     setValue(newValue);
56 |   }
57 | 
58 |   return (
59 |     <div className={classes.root}>
60 |       <AppBar position="static" color="default">
61 |         <Tabs
62 |           value={value}
63 |           onChange={handleChange}
64 |           indicatorColor="primary"
65 |           textColor="primary"
66 |           variant="scrollable"
67 |           scrollButtons="auto"
68 |           aria-label="scrollable auto tabs example"
69 |           centered
70 |         >
71 |           <Tab label="About Us" {...a11yProps(0)} />
72 |           <Tab label="Team" {...a11yProps(1)} />
73 |           <Tab label="Mentorship" {...a11yProps(2)} />
74 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
75 |           <Tab label="Resources" {...a11yProps(4)} />
76 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
77 |         
78 |         </Tabs>
79 |       </AppBar>
80 |       <TabPanel value={value} index={0}>
81 |       <Route path="./components/Pages/AboutUs" component={AboutUs} />
82 |       </TabPanel>
83 |     </div>
84 |   );
85 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829020710.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | 
11 | function TabPanel(props) {
12 |   const { children, value, index, ...other } = props;
13 | 
14 |   return (
15 |     <Typography
16 |       component="div"
17 |       role="tabpanel"
18 |       hidden={value !== index}
19 |       id={`scrollable-auto-tabpanel-${index}`}
20 |       aria-labelledby={`scrollable-auto-tab-${index}`}
21 |       {...other}
22 |     >
23 |       <Box p={3}>{children}</Box>
24 |     </Typography>
25 |   );
26 | }
27 | 
28 | TabPanel.propTypes = {
29 |   children: PropTypes.node,
30 |   index: PropTypes.any.isRequired,
31 |   value: PropTypes.any.isRequired,
32 | };
33 | 
34 | function a11yProps(index) {
35 |   return {
36 |     id: `scrollable-auto-tab-${index}`,
37 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
38 |   };
39 | }
40 | 
41 | const useStyles = makeStyles(theme => ({
42 |   root: {
43 |     flexGrow: 1,
44 |     width: '100%',
45 |     backgroundColor: theme.palette.background.paper,
46 |     
47 |   },
48 | }));
49 | 
50 | export default function ScrollableTabsButtonAuto() {
51 |   const classes = useStyles();
52 |   const [value, setValue] = React.useState(0);
53 | 
54 |   function handleChange(event, newValue) {
55 |     setValue(newValue);
56 |   }
57 | 
58 |   return (
59 |     <div className={classes.root}>
60 |       <AppBar position="static" color="default">
61 |         <Tabs
62 |           value={value}
63 |           onChange={handleChange}
64 |           indicatorColor="primary"
65 |           textColor="primary"
66 |           variant="scrollable"
67 |           scrollButtons="auto"
68 |           aria-label="scrollable auto tabs example"
69 |           centered
70 |         >
71 |           <Tab label="About Us" {...a11yProps(0)} />
72 |           <Tab label="Team" {...a11yProps(1)} />
73 |           <Tab label="Mentorship" {...a11yProps(2)} />
74 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
75 |           <Tab label="Resources" {...a11yProps(4)} />
76 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
77 |         
78 |         </Tabs>
79 |       </AppBar>
80 |       <TabPanel value={value} index={0}>
81 |       <Route path="./components/Pages/AboutUs" component={About Us} />
82 |       </TabPanel>
83 |     </div>
84 |   );
85 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829020713.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | 
11 | function TabPanel(props) {
12 |   const { children, value, index, ...other } = props;
13 | 
14 |   return (
15 |     <Typography
16 |       component="div"
17 |       role="tabpanel"
18 |       hidden={value !== index}
19 |       id={`scrollable-auto-tabpanel-${index}`}
20 |       aria-labelledby={`scrollable-auto-tab-${index}`}
21 |       {...other}
22 |     >
23 |       <Box p={3}>{children}</Box>
24 |     </Typography>
25 |   );
26 | }
27 | 
28 | TabPanel.propTypes = {
29 |   children: PropTypes.node,
30 |   index: PropTypes.any.isRequired,
31 |   value: PropTypes.any.isRequired,
32 | };
33 | 
34 | function a11yProps(index) {
35 |   return {
36 |     id: `scrollable-auto-tab-${index}`,
37 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
38 |   };
39 | }
40 | 
41 | const useStyles = makeStyles(theme => ({
42 |   root: {
43 |     flexGrow: 1,
44 |     width: '100%',
45 |     backgroundColor: theme.palette.background.paper,
46 |     
47 |   },
48 | }));
49 | 
50 | export default function ScrollableTabsButtonAuto() {
51 |   const classes = useStyles();
52 |   const [value, setValue] = React.useState(0);
53 | 
54 |   function handleChange(event, newValue) {
55 |     setValue(newValue);
56 |   }
57 | 
58 |   return (
59 |     <div className={classes.root}>
60 |       <AppBar position="static" color="default">
61 |         <Tabs
62 |           value={value}
63 |           onChange={handleChange}
64 |           indicatorColor="primary"
65 |           textColor="primary"
66 |           variant="scrollable"
67 |           scrollButtons="auto"
68 |           aria-label="scrollable auto tabs example"
69 |           centered
70 |         >
71 |           <Tab label="About Us" {...a11yProps(0)} />
72 |           <Tab label="Team" {...a11yProps(1)} />
73 |           <Tab label="Mentorship" {...a11yProps(2)} />
74 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
75 |           <Tab label="Resources" {...a11yProps(4)} />
76 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
77 |         
78 |         </Tabs>
79 |       </AppBar>
80 |       <TabPanel value={value} index={0}>
81 |       <Route path="./components/Pages/AboutUs" component={AboutUs} />
82 |       </TabPanel>
83 |     </div>
84 |   );
85 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829020724.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | 
11 | function TabPanel(props) {
12 |   const { children, value, index, ...other } = props;
13 | 
14 |   return (
15 |     <Typography
16 |       component="div"
17 |       role="tabpanel"
18 |       hidden={value !== index}
19 |       id={`scrollable-auto-tabpanel-${index}`}
20 |       aria-labelledby={`scrollable-auto-tab-${index}`}
21 |       {...other}
22 |     >
23 |       <Box p={3}>{children}</Box>
24 |     </Typography>
25 |   );
26 | }
27 | 
28 | TabPanel.propTypes = {
29 |   children: PropTypes.node,
30 |   index: PropTypes.any.isRequired,
31 |   value: PropTypes.any.isRequired,
32 | };
33 | 
34 | function a11yProps(index) {
35 |   return {
36 |     id: `scrollable-auto-tab-${index}`,
37 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
38 |   };
39 | }
40 | 
41 | const useStyles = makeStyles(theme => ({
42 |   root: {
43 |     flexGrow: 1,
44 |     width: '100%',
45 |     backgroundColor: theme.palette.background.paper,
46 |     
47 |   },
48 | }));
49 | 
50 | export default function ScrollableTabsButtonAuto() {
51 |   const classes = useStyles();
52 |   const [value, setValue] = React.useState(0);
53 | 
54 |   function handleChange(event, newValue) {
55 |     setValue(newValue);
56 |   }
57 | 
58 |   return (
59 |     <div className={classes.root}>
60 |       <AppBar position="static" color="default">
61 |         <Tabs
62 |           value={value}
63 |           onChange={handleChange}
64 |           indicatorColor="primary"
65 |           textColor="primary"
66 |           variant="scrollable"
67 |           scrollButtons="auto"
68 |           aria-label="scrollable auto tabs example"
69 |           centered
70 |         >
71 |           <Tab label="About Us" {...a11yProps(0)} />
72 |           <Tab label="Team" {...a11yProps(1)} />
73 |           <Tab label="Mentorship" {...a11yProps(2)} />
74 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
75 |           <Tab label="Resources" {...a11yProps(4)} />
76 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
77 |         
78 |         </Tabs>
79 |       </AppBar>
80 |       <TabPanel value={value} index={0}>
81 |       <Route path="./Pages/AboutUs" component={AboutUs} />
82 |       </TabPanel>
83 |     </div>
84 |   );
85 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829020726.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | 
11 | function TabPanel(props) {
12 |   const { children, value, index, ...other } = props;
13 | 
14 |   return (
15 |     <Typography
16 |       component="div"
17 |       role="tabpanel"
18 |       hidden={value !== index}
19 |       id={`scrollable-auto-tabpanel-${index}`}
20 |       aria-labelledby={`scrollable-auto-tab-${index}`}
21 |       {...other}
22 |     >
23 |       <Box p={3}>{children}</Box>
24 |     </Typography>
25 |   );
26 | }
27 | 
28 | TabPanel.propTypes = {
29 |   children: PropTypes.node,
30 |   index: PropTypes.any.isRequired,
31 |   value: PropTypes.any.isRequired,
32 | };
33 | 
34 | function a11yProps(index) {
35 |   return {
36 |     id: `scrollable-auto-tab-${index}`,
37 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
38 |   };
39 | }
40 | 
41 | const useStyles = makeStyles(theme => ({
42 |   root: {
43 |     flexGrow: 1,
44 |     width: '100%',
45 |     backgroundColor: theme.palette.background.paper,
46 |     
47 |   },
48 | }));
49 | 
50 | export default function ScrollableTabsButtonAuto() {
51 |   const classes = useStyles();
52 |   const [value, setValue] = React.useState(0);
53 | 
54 |   function handleChange(event, newValue) {
55 |     setValue(newValue);
56 |   }
57 | 
58 |   return (
59 |     <div className={classes.root}>
60 |       <AppBar position="static" color="default">
61 |         <Tabs
62 |           value={value}
63 |           onChange={handleChange}
64 |           indicatorColor="primary"
65 |           textColor="primary"
66 |           variant="scrollable"
67 |           scrollButtons="auto"
68 |           aria-label="scrollable auto tabs example"
69 |           centered
70 |         >
71 |           <Tab label="About Us" {...a11yProps(0)} />
72 |           <Tab label="Team" {...a11yProps(1)} />
73 |           <Tab label="Mentorship" {...a11yProps(2)} />
74 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
75 |           <Tab label="Resources" {...a11yProps(4)} />
76 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
77 |         
78 |         </Tabs>
79 |       </AppBar>
80 |       <TabPanel value={value} index={0}>
81 |       <Route path="../Pages/AboutUs" component={AboutUs} />
82 |       </TabPanel>
83 |     </div>
84 |   );
85 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829020730.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | 
11 | function TabPanel(props) {
12 |   const { children, value, index, ...other } = props;
13 | 
14 |   return (
15 |     <Typography
16 |       component="div"
17 |       role="tabpanel"
18 |       hidden={value !== index}
19 |       id={`scrollable-auto-tabpanel-${index}`}
20 |       aria-labelledby={`scrollable-auto-tab-${index}`}
21 |       {...other}
22 |     >
23 |       <Box p={3}>{children}</Box>
24 |     </Typography>
25 |   );
26 | }
27 | 
28 | TabPanel.propTypes = {
29 |   children: PropTypes.node,
30 |   index: PropTypes.any.isRequired,
31 |   value: PropTypes.any.isRequired,
32 | };
33 | 
34 | function a11yProps(index) {
35 |   return {
36 |     id: `scrollable-auto-tab-${index}`,
37 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
38 |   };
39 | }
40 | 
41 | const useStyles = makeStyles(theme => ({
42 |   root: {
43 |     flexGrow: 1,
44 |     width: '100%',
45 |     backgroundColor: theme.palette.background.paper,
46 |     
47 |   },
48 | }));
49 | 
50 | export default function ScrollableTabsButtonAuto() {
51 |   const classes = useStyles();
52 |   const [value, setValue] = React.useState(0);
53 | 
54 |   function handleChange(event, newValue) {
55 |     setValue(newValue);
56 |   }
57 | 
58 |   return (
59 |     <div className={classes.root}>
60 |       <AppBar position="static" color="default">
61 |         <Tabs
62 |           value={value}
63 |           onChange={handleChange}
64 |           indicatorColor="primary"
65 |           textColor="primary"
66 |           variant="scrollable"
67 |           scrollButtons="auto"
68 |           aria-label="scrollable auto tabs example"
69 |           centered
70 |         >
71 |           <Tab label="About Us" {...a11yProps(0)} />
72 |           <Tab label="Team" {...a11yProps(1)} />
73 |           <Tab label="Mentorship" {...a11yProps(2)} />
74 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
75 |           <Tab label="Resources" {...a11yProps(4)} />
76 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
77 |         
78 |         </Tabs>
79 |       </AppBar>
80 |       <TabPanel value={value} index={0}>
81 |       <Route path=".../Pages/AboutUs" component={AboutUs} />
82 |       </TabPanel>
83 |     </div>
84 |   );
85 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829020734.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | 
11 | function TabPanel(props) {
12 |   const { children, value, index, ...other } = props;
13 | 
14 |   return (
15 |     <Typography
16 |       component="div"
17 |       role="tabpanel"
18 |       hidden={value !== index}
19 |       id={`scrollable-auto-tabpanel-${index}`}
20 |       aria-labelledby={`scrollable-auto-tab-${index}`}
21 |       {...other}
22 |     >
23 |       <Box p={3}>{children}</Box>
24 |     </Typography>
25 |   );
26 | }
27 | 
28 | TabPanel.propTypes = {
29 |   children: PropTypes.node,
30 |   index: PropTypes.any.isRequired,
31 |   value: PropTypes.any.isRequired,
32 | };
33 | 
34 | function a11yProps(index) {
35 |   return {
36 |     id: `scrollable-auto-tab-${index}`,
37 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
38 |   };
39 | }
40 | 
41 | const useStyles = makeStyles(theme => ({
42 |   root: {
43 |     flexGrow: 1,
44 |     width: '100%',
45 |     backgroundColor: theme.palette.background.paper,
46 |     
47 |   },
48 | }));
49 | 
50 | export default function ScrollableTabsButtonAuto() {
51 |   const classes = useStyles();
52 |   const [value, setValue] = React.useState(0);
53 | 
54 |   function handleChange(event, newValue) {
55 |     setValue(newValue);
56 |   }
57 | 
58 |   return (
59 |     <div className={classes.root}>
60 |       <AppBar position="static" color="default">
61 |         <Tabs
62 |           value={value}
63 |           onChange={handleChange}
64 |           indicatorColor="primary"
65 |           textColor="primary"
66 |           variant="scrollable"
67 |           scrollButtons="auto"
68 |           aria-label="scrollable auto tabs example"
69 |           centered
70 |         >
71 |           <Tab label="About Us" {...a11yProps(0)} />
72 |           <Tab label="Team" {...a11yProps(1)} />
73 |           <Tab label="Mentorship" {...a11yProps(2)} />
74 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
75 |           <Tab label="Resources" {...a11yProps(4)} />
76 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
77 |         
78 |         </Tabs>
79 |       </AppBar>
80 |       <TabPanel value={value} index={0}>
81 |       <Route path="/Pages/AboutUs" component={AboutUs} />
82 |       </TabPanel>
83 |     </div>
84 |   );
85 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829020750.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | 
11 | function TabPanel(props) {
12 |   const { children, value, index, ...other } = props;
13 | 
14 |   return (
15 |     <Typography
16 |       component="div"
17 |       role="tabpanel"
18 |       hidden={value !== index}
19 |       id={`scrollable-auto-tabpanel-${index}`}
20 |       aria-labelledby={`scrollable-auto-tab-${index}`}
21 |       {...other}
22 |     >
23 |       <Box p={3}>{children}</Box>
24 |     </Typography>
25 |   );
26 | }
27 | 
28 | TabPanel.propTypes = {
29 |   children: PropTypes.node,
30 |   index: PropTypes.any.isRequired,
31 |   value: PropTypes.any.isRequired,
32 | };
33 | 
34 | function a11yProps(index) {
35 |   return {
36 |     id: `scrollable-auto-tab-${index}`,
37 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
38 |   };
39 | }
40 | 
41 | const useStyles = makeStyles(theme => ({
42 |   root: {
43 |     flexGrow: 1,
44 |     width: '100%',
45 |     backgroundColor: theme.palette.background.paper,
46 |     
47 |   },
48 | }));
49 | 
50 | export default function ScrollableTabsButtonAuto() {
51 |   const classes = useStyles();
52 |   const [value, setValue] = React.useState(0);
53 | 
54 |   function handleChange(event, newValue) {
55 |     setValue(newValue);
56 |   }
57 | 
58 |   return (
59 |     <div className={classes.root}>
60 |       <AppBar position="static" color="default">
61 |         <Tabs
62 |           value={value}
63 |           onChange={handleChange}
64 |           indicatorColor="primary"
65 |           textColor="primary"
66 |           variant="scrollable"
67 |           scrollButtons="auto"
68 |           aria-label="scrollable auto tabs example"
69 |           centered
70 |         >
71 |           <Tab label="About Us" {...a11yProps(0)} />
72 |           <Tab label="Team" {...a11yProps(1)} />
73 |           <Tab label="Mentorship" {...a11yProps(2)} />
74 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
75 |           <Tab label="Resources" {...a11yProps(4)} />
76 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
77 |         
78 |         </Tabs>
79 |       </AppBar>
80 |       <TabPanel value={value} index={0}>
81 |       About Page
82 |       </TabPanel>
83 |     </div>
84 |   );
85 | }


--------------------------------------------------------------------------------
/.history/src/components/layouts/Header_20190829020806.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | import AppBar from '@material-ui/core/AppBar';
 5 | import Tabs from '@material-ui/core/Tabs';
 6 | import Tab from '@material-ui/core/Tab';
 7 | import Typography from '@material-ui/core/Typography';
 8 | import Box from '@material-ui/core/Box';
 9 | import {Route} from 'react-router-dom';
10 | 
11 | function TabPanel(props) {
12 |   const { children, value, index, ...other } = props;
13 | 
14 |   return (
15 |     <Typography
16 |       component="div"
17 |       role="tabpanel"
18 |       hidden={value !== index}
19 |       id={`scrollable-auto-tabpanel-${index}`}
20 |       aria-labelledby={`scrollable-auto-tab-${index}`}
21 |       {...other}
22 |     >
23 |       <Box p={3}>{children}</Box>
24 |     </Typography>
25 |   );
26 | }
27 | 
28 | TabPanel.propTypes = {
29 |   children: PropTypes.node,
30 |   index: PropTypes.any.isRequired,
31 |   value: PropTypes.any.isRequired,
32 | };
33 | 
34 | function a11yProps(index) {
35 |   return {
36 |     id: `scrollable-auto-tab-${index}`,
37 |     'aria-controls': `scrollable-auto-tabpanel-${index}`,
38 |   };
39 | }
40 | 
41 | const useStyles = makeStyles(theme => ({
42 |   root: {
43 |     flexGrow: 1,
44 |     width: '100%',
45 |     backgroundColor: theme.palette.background.paper,
46 |     
47 |   },
48 | }));
49 | 
50 | export default function ScrollableTabsButtonAuto() {
51 |   const classes = useStyles();
52 |   const [value, setValue] = React.useState(0);
53 | 
54 |   function handleChange(event, newValue) {
55 |     setValue(newValue);
56 |   }
57 | 
58 |   return (
59 |     <div className={classes.root}>
60 |       <AppBar position="static" color="default">
61 |         <Tabs
62 |           value={value}
63 |           onChange={handleChange}
64 |           indicatorColor="primary"
65 |           textColor="primary"
66 |           variant="scrollable"
67 |           scrollButtons="auto"
68 |           aria-label="scrollable auto tabs example"
69 |           centered
70 |         >
71 |           <Tab label="About Us" {...a11yProps(0)} />
72 |           <Tab label="Team" {...a11yProps(1)} />
73 |           <Tab label="Mentorship" {...a11yProps(2)} />
74 |           <Tab label=" Speciality Groups" {...a11yProps(3)} />
75 |           <Tab label="Resources" {...a11yProps(4)} />
76 |           <Tab label="Achievement Stories " {...a11yProps(5)} />
77 |         
78 |         </Tabs>
79 |       </AppBar>
80 |       <TabPanel value={value} index={0}>
81 |       About Page
82 |       </TabPanel>
83 |       <TabPanel value={value} index={0}>
84 |       Team Page
85 |       </TabPanel>
86 |     </div>
87 |   );
88 | }


--------------------------------------------------------------------------------
/.history/src/index_20190828171652.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | import './index.css';
 4 | import App from './App';
 5 | import * as serviceWorker from './serviceWorker';
 6 | 
 7 | ReactDOM.render(<App />, document.getElementById('root'));
 8 | 
 9 | // If you want your app to work offline and load faster, you can change
10 | // unregister() to register() below. Note this comes with some pitfalls.
11 | // Learn more about service workers: https://bit.ly/CRA-PWA
12 | serviceWorker.unregister();
13 | 


--------------------------------------------------------------------------------
/.history/src/index_20190829012413.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | import './index.css';
 4 | import App from './App';
 5 | import * as serviceWorker from './serviceWorker';
 6 | import {BrowserRouter as Router} from 'react-router-dom'
 7 | 
 8 | ReactDOM.render(<App />, document.getElementById('root'));
 9 | 
10 | // If you want your app to work offline and load faster, you can change
11 | // unregister() to register() below. Note this comes with some pitfalls.
12 | // Learn more about service workers: https://bit.ly/CRA-PWA
13 | serviceWorker.unregister();
14 | 


--------------------------------------------------------------------------------
/.history/src/index_20190829012519.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | import './index.css';
 4 | import App from './App';
 5 | import * as serviceWorker from './serviceWorker';
 6 | import {BrowserRouter as Router} from 'react-router-dom'
 7 | 
 8 | ReactDOM.render(
 9 |     <Router>
10 | <App />
11 | </Router>
12 | , 
13 | document.getElementById('root'));
14 | 
15 | // If you want your app to work offline and load faster, you can change
16 | // unregister() to register() below. Note this comes with some pitfalls.
17 | // Learn more about service workers: https://bit.ly/CRA-PWA
18 | serviceWorker.unregister();
19 | 


--------------------------------------------------------------------------------
/.history/src/index_20190829012551.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | import './index.css';
 4 | import App from './App';
 5 | import * as serviceWorker from './serviceWorker';
 6 | import {BrowserRouter as Router} from 'react-router-dom'
 7 | 
 8 | ReactDOM.render(
 9 |     <Router>
10 | <App />
11 | </Router>   
12 | , 
13 | document.getElementById('root'));
14 | 
15 | // If you want your app to work offline and load faster, you can change
16 | // unregister() to register() below. Note this comes with some pitfalls.
17 | // Learn more about service workers: https://bit.ly/CRA-PWA
18 | serviceWorker.unregister();
19 | 


--------------------------------------------------------------------------------
/.history/src/index_20190829014051.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | import './index.css';
 4 | import App from './App';
 5 | import * as serviceWorker from './serviceWorker';
 6 | import {BrowserRouter as Router} from 'react-router-dom'l
 7 | 
 8 | ReactDOM.render(
 9 |     <Router>
10 | <App />
11 | </Router>   
12 | , 
13 | document.getElementById('root'));
14 | 
15 | // If you want your app to work offline and load faster, you can change
16 | // unregister() to register() below. Note this comes with some pitfalls.
17 | // Learn more about service workers: https://bit.ly/CRA-PWA
18 | serviceWorker.unregister();
19 | 


--------------------------------------------------------------------------------
/.history/src/index_20190829014053.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | import './index.css';
 4 | import App from './App';
 5 | import * as serviceWorker from './serviceWorker';
 6 | import {BrowserRouter as Router} from 'react-router-dom';
 7 | 
 8 | ReactDOM.render(
 9 |     <Router>
10 | <App />
11 | </Router>   
12 | , 
13 | document.getElementById('root'));
14 | 
15 | // If you want your app to work offline and load faster, you can change
16 | // unregister() to register() below. Note this comes with some pitfalls.
17 | // Learn more about service workers: https://bit.ly/CRA-PWA
18 | serviceWorker.unregister();
19 | 


--------------------------------------------------------------------------------
/.prettierrc:
--------------------------------------------------------------------------------
1 | {
2 |   "useTabs": true,
3 |   "tabWidth": 4,
4 |   "singleQuote": false,
5 |   "jsxSingleQuote": false
6 | }
7 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2019 ravi nandan saxena
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "frontend",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "dependencies": {
 6 |     "@material-ui/core": "^4.11.0",
 7 |     "@material-ui/icons": "^4.5.1",
 8 |     "@material-ui/lab": "^4.0.0-alpha.30",
 9 |     "@material-ui/styles": "^4.3.3",
10 |     "axios": "^0.19.0",
11 |     "bootstrap-social": "5.1.1",
12 |     "draft-js": "^0.11.7",
13 |     "font-awesome": "4.7.0",
14 |     "google-maps-react": "^2.0.2",
15 |     "material-ui-icons": "^1.0.0-beta.36",
16 |     "react": "^16.9.0",
17 |     "react-chronos": "^1.0.5",
18 |     "react-csv": "^2.0.3",
19 |     "react-dom": "^16.9.0",
20 |     "react-draft-wysiwyg": "^1.13.2",
21 |     "react-event-calendar": "^0.3.0",
22 |     "react-event-timeline": "^1.6.3",
23 |     "react-facebook-login": "^4.1.1",
24 |     "react-gesture-gallery": "^1.1.0",
25 |     "react-gesture-responder": "^2.1.0",
26 |     "react-google-login": "^5.0.5",
27 |     "react-instagram-embed": "^1.5.0",
28 |     "react-router-dom": "^5.0.1",
29 |     "react-scripts": "^3.4.3",
30 |     "react-slick": "^0.25.2",
31 |     "react-spinners": "^0.6.1",
32 |     "react-twitter-embed": "^2.0.8",
33 |     "react-vertical-timeline-component": "^2.5.0",
34 |     "serve": "^11.3.2",
35 |     "slick-carousel": "^1.8.1",
36 |     "styled-components": "^4.4.0",
37 |     "typeface-roboto": "0.0.75",
38 |     "uuid": "^3.3.3",
39 |     "vertical-timeline-component-for-react": "^1.0.6"
40 |   },
41 |   "scripts": {
42 |     "dev": "react-scripts start",
43 |     "start": "serve -s build",
44 |     "build": "react-scripts build",
45 |     "test": "react-scripts test",
46 |     "eject": "react-scripts eject",
47 |     "heroku-postbuild": "npm run build",
48 |     "lint": "eslint --fix ./"
49 |   },
50 |   "eslintConfig": {
51 |     "extends": "react-app"
52 |   },
53 |   "browserslist": {
54 |     "production": [
55 |       ">0.2%",
56 |       "not dead",
57 |       "not op_mini all"
58 |     ],
59 |     "development": [
60 |       "last 1 chrome version",
61 |       "last 1 firefox version",
62 |       "last 1 safari version"
63 |     ]
64 |   },
65 |   "devDependencies": {
66 |     "eslint": "^6.8.0",
67 |     "eslint-config-prettier": "^6.10.1",
68 |     "eslint-plugin-prettier": "^3.1.3",
69 |     "eslint-plugin-react": "^7.19.0",
70 |     "prettier": "^2.0.4"
71 |   }
72 | }
73 | 


--------------------------------------------------------------------------------
/public/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/technojam/technojam-frontend/1491dfd17ba9111b30b0b9786c8ea3bc80e8a8d5/public/favicon.png


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | 	<head>
 4 | 		<meta charset="utf-8" />
 5 | 		<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.png" />
 6 | 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 7 | 		<meta name="theme-color" content="#000000" />
 8 | 		<meta
 9 | 			name="description"
10 | 			content="TJ started in 2015 to work on varied projects for creative mindset to pace with dynamic technology. We promote research and development by students giving them a chance to work in diverse arenas."
11 | 		/>
12 | 
13 | 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
14 | 
15 | 		<link rel="apple-touch-icon" href="favicon.png" />
16 | 		<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
17 | 		<link
18 | 			href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
19 | 			rel="stylesheet"
20 | 			integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
21 | 			crossorigin="anonymous"
22 | 		/>
23 | 		<script
24 | 			src="https://use.fontawesome.com/releases/v5.10.2/js/all.js"
25 | 			data-auto-replace-svg="nest"
26 | 		></script>
27 | 		<link
28 | 			rel="stylesheet"
29 | 			href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
30 | 		/>
31 | 		<style>
32 | 			/* width */
33 | 			::-webkit-scrollbar {
34 | 				width: 7px;
35 | 				background-color: #f5f5f5;
36 | 			}
37 | 
38 | 			/* Track */
39 | 			::-webkit-scrollbar-track {
40 | 				box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
41 | 				-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
42 | 
43 | 				background-color: #f5f5f5;
44 | 			}
45 | 
46 | 			/* Handle */
47 | 			::-webkit-scrollbar-thumb {
48 | 				box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
49 | 				-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
50 | 				background-color: #555;
51 | 			}
52 | 
53 | 			::-moz-scrollbar {
54 | 				width: 7px;
55 | 				background-color: #f5f5f5;
56 | 			}
57 | 
58 | 			/* Track */
59 | 			::-moz-scrollbar-track {
60 | 				box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3);
61 | 				-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
62 | 
63 | 				background-color: #f5f5f5;
64 | 			}
65 | 
66 | 			/* Handle */
67 | 			::-moz-scrollbar-thumb {
68 | 				box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
69 | 				-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
70 | 				background-color: #555;
71 | 			}
72 | 		</style>
73 | 
74 | 		<title>TechnoJam</title>
75 | 	</head>
76 | 
77 | 	<body>
78 | 		<noscript>You need to enable JavaScript to run this app.</noscript>
79 | 		<div id="root"></div>
80 | 	</body>
81 | </html>
82 | 


--------------------------------------------------------------------------------
/public/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "short_name": "React App",
 3 |   "name": "Create React App Sample",
 4 |   "icons": [
 5 |     {
 6 |       "src": "favicon.ico",
 7 |       "sizes": "64x64 32x32 24x24 16x16",
 8 |       "type": "image/x-icon"
 9 |     },
10 |     {
11 |       "src": "logo192.png",
12 |       "type": "image/png",
13 |       "sizes": "192x192"
14 |     },
15 |     {
16 |       "src": "logo512.png",
17 |       "type": "image/png",
18 |       "sizes": "512x512"
19 |     }	    
20 |   ],
21 |   "start_url": ".",
22 |   "display": "standalone",
23 |   "theme_color": "#000000",
24 |   "background_color": "#ffffff"
25 | }
26 | 


--------------------------------------------------------------------------------
/public/robots.txt:
--------------------------------------------------------------------------------
1 | # https://www.robotstxt.org/robotstxt.html
2 | User-agent: *
3 | 


--------------------------------------------------------------------------------
/src/App.css:
--------------------------------------------------------------------------------
1 | .light-mode {
2 |     background-color: #fff;
3 |     color: #333;
4 | }
5 | 
6 | .dark-mode {
7 |     background-color: #1a1919;
8 |     color: #1a1919;
9 | }


--------------------------------------------------------------------------------
/src/App.js:
--------------------------------------------------------------------------------
 1 | import "./App.css";
 2 | import React, { useState, useContext } from "react";
 3 | import { TopMenu, Footer } from "./Components/Layouts";
 4 | import Maincontent from "./Components/Maincontent";
 5 | import AuthContext from "./context/auth/AuthState";
 6 | import AlertContext from "./context/alert/AlertState";
 7 | import EventContext from "./context/event/eventState";
 8 | import styled from "styled-components";
 9 | 
10 | import { Hidden, Fab, Icon } from "@material-ui/core";
11 | import { ThemeContext } from "./util/themeContext";
12 | 
13 | const fabPosition = {
14 | 	bottom: "10vh",
15 | 	position: "fixed",
16 | 	margin: "1em",
17 | 	right: "8vw",
18 | 	opacity: "0.9",
19 | };
20 | 
21 | function App() {
22 | 	const { theme: currentTheme } = useContext(ThemeContext);
23 | 	const [panel, setPanel] = useState(false);
24 | 	//const [] = useState({ mode: 'light' });
25 | 
26 | 	function toggleButton() {
27 | 		if (!panel) setPanel(true);
28 | 		else setPanel(false);
29 | 
30 | 		if (panel === false) {
31 | 			document.getElementById("ToggleButton").style.background =
32 | 				"#161625";
33 | 		}
34 | 	}
35 | 
36 | 	const Background = styled.div`
37 | 		top: 0;
38 | 		width: 100%;
39 | 		position: relative;
40 | 		background-repeat: repeat;
41 | 		background-position-x: center;
42 | 		position: absolute;
43 | 		&:after {
44 | 			z-index: -10;
45 | 			content: "";
46 | 			background-image: url(https://tj-static.s3.ap-south-1.amazonaws.com/etc/Untitled-1.png);
47 | 			filter: invert(${currentTheme === "dark" ? 1 : 0});
48 | 			width: 100%;
49 | 			height: 100%;
50 | 			position: absolute;
51 | 			top: 0;
52 | 		}
53 | 	`;
54 | 
55 | 	return (
56 | 		<div className="dark-mode">
57 | 			<Background className="App ">
58 | 				<AuthContext>
59 | 					<EventContext>
60 | 						<AlertContext>
61 | 							<TopMenu toggleButton={toggleButton} />
62 | 							<Maincontent />
63 | 							<br />
64 | 							<br />
65 | 							<br />
66 | 							<Footer />
67 | 						</AlertContext>
68 | 					</EventContext>
69 | 				</AuthContext>
70 | 				<Hidden smUp>
71 | 					<div style={fabPosition}>
72 | 						<Fab
73 | 							color="secondary"
74 | 							onClick={() => window.scrollTo(0, 0)}
75 | 						>
76 | 							<Icon
77 | 								fontSize="inherit"
78 | 								style={{ height: "auto" }}
79 | 								className="fas fa-chevron-up"
80 | 							/>
81 | 						</Fab>
82 | 					</div>
83 | 				</Hidden>
84 | 			</Background>
85 | 		</div>
86 | 	);
87 | }
88 | export default App;
89 | 


--------------------------------------------------------------------------------
/src/App.test.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | import App from './App';
 4 | 
 5 | it('renders without crashing', () => {
 6 |   const div = document.createElement('div');
 7 |   ReactDOM.render(<App />, div);
 8 |   ReactDOM.unmountComponentAtNode(div);
 9 | });
10 | 


--------------------------------------------------------------------------------
/src/Components/Layouts/Alerts.js:
--------------------------------------------------------------------------------
 1 | import React, { useContext } from 'react';
 2 | import AlertContext from '../../context/alert/alertContext';
 3 | 
 4 | const Alerts = () => {
 5 | 	const alertContext = useContext(AlertContext);
 6 | 
 7 | 	return (
 8 | 		alertContext.alerts.length > 0 &&
 9 | 		alertContext.alerts.map(alert => (
10 | 			<div key={alert.id} className={`alert alert-${alert.type}`}>
11 | 				<i className='fas fa-info-circle' /> {alert.msg}
12 | 			</div>
13 | 		))
14 | 	);
15 | };
16 | 
17 | export default Alerts;
18 | 


--------------------------------------------------------------------------------
/src/Components/Layouts/LoadUser.js:
--------------------------------------------------------------------------------
 1 | import React, { useContext } from 'react';
 2 | import AuthContext from '../../context/auth/authContext';
 3 | 
 4 | const LoadUser = () => {
 5 | 	const authContext = useContext(AuthContext);
 6 | 	const { loadUser } = authContext;
 7 | 	return loadUser;
 8 | };
 9 | 
10 | export default LoadUser;
11 | 


--------------------------------------------------------------------------------
/src/Components/Layouts/Loader.js:
--------------------------------------------------------------------------------
 1 | import React, { useContext } from 'react';
 2 | import { makeStyles, withStyles } from '@material-ui/core/styles';
 3 | import LinearProgress from '@material-ui/core/LinearProgress';
 4 | import AuthContext from '../../context/auth/authContext';
 5 | 
 6 | const ColorLinearProgress = withStyles({
 7 | 	colorPrimary: {
 8 | 		backgroundColor: '#b2dfdb'
 9 | 	},
10 | 	barColorPrimary: {
11 | 		backgroundColor: '#00695c'
12 | 	}
13 | })(LinearProgress);
14 | 
15 | const useStyles = makeStyles(theme => ({
16 | 	root: {
17 | 		flexGrow: 1
18 | 	},
19 | 	margin: {
20 | 		margin: theme.spacing(0)
21 | 	}
22 | }));
23 | 
24 | export default function Loader() {
25 | 	const classes = useStyles();
26 | 	const authContext = useContext(AuthContext);
27 | 
28 | 	const { loading } = authContext;
29 | 	return <div>{<ColorLinearProgress />}</div>;
30 | }
31 | 


--------------------------------------------------------------------------------
/src/Components/Layouts/index.js:
--------------------------------------------------------------------------------
1 | import TopMenu from './TopMenu';
2 | import Footer from './Footer';
3 | import LoadUser from './LoadUser';
4 | 
5 | export { TopMenu, Footer, LoadUser };
6 | 


--------------------------------------------------------------------------------
/src/Components/Maincontent.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { Switch, Route } from 'react-router-dom';
 3 | import {
 4 | 	aboutus,
 5 | 	achievements,
 6 | 	contactus,
 7 | 	groups,
 8 | 	homepage,
 9 | 	mentorship,
10 | 	team,
11 | 	events,
12 | 	login,
13 | 	alumni,
14 | 	Pannel,
15 | 	ProfilePage
16 | } from './Pages/';
17 | 
18 | import LiveEvents from './Layouts/liveEvents';
19 | import AdminRoute from '../util/AdminRoutes';
20 | import LoggedinRoutes from '../util/LoggedinRoutes';
21 | 
22 | import Dashboard from './Pages/dashboard/Dashboard';
23 | import Profile from './Pages/dashboard/Profile';
24 | 
25 | const Maincontent = () => (
26 | 	<div className='main-content' id='ToggleButton'>
27 | 		<Switch>
28 | 			<Route exact path='/login' component={login} />
29 | 			<Route exact path='/' component={homepage} />
30 | 			<Route exact path='/aboutus' component={aboutus} />
31 | 			<Route exact path='/events' component={events} />
32 | 			<Route exact path='/achievements' component={achievements} />
33 | 			<Route exact path='/contactus' component={contactus} />
34 | 			<Route exact path='/mentorship' component={mentorship} />
35 | 			<Route exact path='/Alumni' component={alumni} />
36 | 			<Route exact path='/team' component={team} />
37 | 			<Route exact path='/groups' component={groups} />
38 | 			<Route exact path='/profile/:id' component={ProfilePage} />
39 | 			<LoggedinRoutes exact path='/profile/' component={Profile} />
40 | 			<AdminRoute exact path='/pannel' component={Dashboard} />
41 | 		</Switch>
42 | 		<LiveEvents></LiveEvents>
43 | 	</div>
44 | );
45 | 
46 | export default Maincontent;
47 | 


--------------------------------------------------------------------------------
/src/Components/Pages/Login.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { Paper, TextField, Container, Typography, Button } from '@material-ui/core';
 3 | import { makeStyles } from '@material-ui/core/styles';
 4 | 
 5 | /* @person who is assigned this page set your styles here. height 600 is just for layout.*/
 6 | 
 7 | const useStyles = makeStyles({
 8 |    mentorship: {
 9 |       marginTop: '100px'
10 |    },
11 |    paper: {
12 |       display: 'flex',
13 |       flexDirection: 'column',
14 |       alignItems: 'center',
15 |       padding: '20px 30px 30px',
16 |       opacity: '1',
17 |       marginBottom: '2%'
18 |    },
19 |    textField: {
20 |       marginTop: '15px'
21 |    },
22 |    logInButton: {
23 |       textTransform: 'uppercase',
24 |       marginTop: '15px',
25 |       fontWeight: 'bold'
26 |    }
27 | });
28 | 
29 | const Login = () => {
30 |    const classes = useStyles();
31 |    return (
32 |       <Container className={classes.mentorship} maxWidth='sm'>
33 |          <Paper className={classes.paper}>
34 |             <Typography variant='h5'>
35 |                <br />
36 |                Log In
37 |             </Typography>
38 |             <TextField
39 |                label='Email Address'
40 |                className={classes.textField}
41 |                type='email'
42 |                name='email'
43 |                autoComplete='email'
44 |                margin='normal'
45 |                variant='outlined'
46 |                fullWidth
47 |             />
48 |             <TextField
49 |                label='Password'
50 |                className={classes.textField}
51 |                name='password'
52 |                type='password'
53 |                margin='normal'
54 |                variant='outlined'
55 |                fullWidth
56 |             />
57 |             <Button variant='contained' color='primary' fullWidth className={classes.logInButton} size='large' type='submit'>
58 |                Log In
59 |             </Button>
60 |          </Paper>
61 |       </Container>
62 |    );
63 | };
64 | export default Login;
65 | 


--------------------------------------------------------------------------------
/src/Components/Pages/Profile.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { Image, StyleSheet, Text, View } from 'react-native';
 3 | 
 4 | const Profile = () => (
 5 |    <View style={styles.container}>
 6 |       <View style={styles.header} />
 7 |       <Image style={styles.avatar} source={{ uri: 'https://bootdey.com/img/Content/avatar/avatar6.png' }} />
 8 |       <View style={styles.body}>
 9 |          <View style={styles.bodyContent}>
10 |             <Text style={styles.name}>Honey Sharma</Text>
11 |             <Text style={styles.info}>Aspiring Software Developer/Android Developer</Text>
12 |             <Text style={styles.description}>
13 |                Lorem ipsum dolor sit amet, saepe sapientem eu nam. Qui ne assum electram expetendis, omittam deseruisse consequuntur ius an,
14 |             </Text>
15 |          </View>
16 |       </View>
17 |    </View>
18 | );
19 | 
20 | export default Profile;
21 | 
22 | const styles = StyleSheet.create({
23 |    header: {
24 |       backgroundColor: '#00BFFF',
25 |       height: 200
26 |    },
27 |    avatar: {
28 |       width: 130,
29 |       height: 130,
30 |       borderRadius: 63,
31 |       borderWidth: 4,
32 |       borderColor: 'white',
33 |       marginBottom: 10,
34 |       alignSelf: 'center',
35 |       position: 'absolute',
36 |       marginTop: 130
37 |    },
38 |    name: {
39 |       fontSize: 22,
40 |       color: '#FFFFFF',
41 |       fontWeight: '600'
42 |    },
43 |    body: {
44 |       marginTop: 40
45 |    },
46 |    bodyContent: {
47 |       flex: 1,
48 |       alignItems: 'center',
49 |       padding: 30
50 |    },
51 |    name: {
52 |       fontSize: 28,
53 |       color: '#696969',
54 |       fontWeight: '600'
55 |    },
56 |    info: {
57 |       fontSize: 16,
58 |       color: '#00BFFF',
59 |       marginTop: 10
60 |    },
61 |    description: {
62 |       fontSize: 16,
63 |       color: '#696969',
64 |       marginTop: 10,
65 |       textAlign: 'center'
66 |    },
67 |    buttonContainer: {
68 |       marginTop: 10,
69 |       height: 45,
70 |       flexDirection: 'row',
71 |       justifyContent: 'center',
72 |       alignItems: 'center',
73 |       marginBottom: 20,
74 |       width: 250,
75 |       borderRadius: 30,
76 |       backgroundColor: '#00BFFF'
77 |    }
78 | });
79 | 


--------------------------------------------------------------------------------
/src/Components/Pages/Resources.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Container from '@material-ui/core/Container';
 3 | 
 4 | /**
 5 |  * @person who is assigned this page set your styles 
 6 |  * here. height 600 is just for layout.
 7 |  */
 8 | const style = {
 9 |    minHeight: '600px',
10 |    padding: '100px'
11 | };
12 | 
13 | const Resources = () => (
14 |    <Container maxWidth='sm'>
15 |       <div className='mentorship' style={style}>
16 |          Resources coming soon in version 2.0
17 |       </div>
18 |    </Container>
19 | );
20 | export default Resources;
21 | 


--------------------------------------------------------------------------------
/src/Components/Pages/Team.js:
--------------------------------------------------------------------------------
 1 | import React, { useContext } from "react";
 2 | 
 3 | import { Link } from "react-router-dom";
 4 | import { TEAM_MEMBERS } from "../../util/constants";
 5 | 
 6 | // material ui component
 7 | import { makeStyles } from "@material-ui/core/styles";
 8 | import Grid from "@material-ui/core/Grid";
 9 | import Tooltip from "@material-ui/core/Tooltip";
10 | import Container from "@material-ui/core/Container";
11 | import Typography from "@material-ui/core/Typography";
12 | import "../style.css";
13 | import { ThemeContext } from "../../util/themeContext";
14 | 
15 | const useStyles = makeStyles({
16 | 	root: {
17 | 		flexGrow: 1,
18 | 
19 | 		marginTop: "100px",
20 | 		marginBottom: 20,
21 | 		minHeight: "580px",
22 | 	},
23 | });
24 | 
25 | const circle = {
26 | 	width: 80,
27 | 	borderRadius: 40,
28 | 	boxShadow: "1px 4px 6px  rgba(0, 0, 0, 0.5)",
29 | };
30 | 
31 | export default function Team() {
32 | 	const classes = useStyles();
33 | 	const { theme: currentTheme } = useContext(ThemeContext);
34 | 
35 | 	return (
36 | 		<div className={classes.root}>
37 | 			<Typography
38 | 				variant="h3"
39 | 				className={`view_title ${
40 | 					currentTheme === "dark" ? "dark_view_title" : ""
41 | 				}`}
42 | 			>
43 | 				<br></br>
44 | 				Our Team
45 | 			</Typography>
46 | 			<hr className="view_line" />
47 | 
48 | 			<br />
49 | 
50 | 			<Container fixed>
51 | 				<Grid container spacing={3}>
52 | 					{TEAM_MEMBERS.map((member) => (
53 | 						<Grid item xs={4} sm={3} lg={1} key={member.id}>
54 | 							<Link to={"/profile/" + member.id}>
55 | 								<Tooltip title={member.Name}>
56 | 									<img
57 | 										src={member.Image}
58 | 										alt={member.title}
59 | 										style={circle}
60 | 										key={member.id}
61 | 									/>
62 | 								</Tooltip>
63 | 							</Link>
64 | 						</Grid>
65 | 					))}
66 | 				</Grid>
67 | 			</Container>
68 | 		</div>
69 | 	);
70 | }
71 | 


--------------------------------------------------------------------------------
/src/Components/Pages/dashboard/AddEventSectionTwo.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { FormGroup } from '@material-ui/core';
 4 | 
 5 | const style = {
 6 | 	marginTop: '112px',
 7 | 	form: {
 8 | 		text: {
 9 | 			appearance: 'none',
10 | 			width: '100%',
11 | 			padding: '5px',
12 | 			height: '35px',
13 | 			borderRadius: '5px',
14 | 			outline: 'none',
15 | 			border: 'none',
16 | 			background: '#e8ebed',
17 | 			color: '#576366',
18 | 			fontSize: '14px'
19 |         },
20 |         label: {
21 |             color: '#e83b7c'
22 |         }
23 | 	}
24 | };
25 | 
26 | const  AddEventSectionTwo = ({handleChange}) => {
27 | 
28 | return (
29 |     <React.Fragment>
30 |     <FormGroup>
31 |         <label style={style.form.label}>Time</label>
32 | 
33 |         <input
34 |             style={style.form.text}
35 |             type='time'
36 |             name='timing'
37 |             defaultValue='07:30'
38 |             onChange={handleChange}
39 |         />
40 |     </FormGroup>
41 |     <FormGroup>
42 |         <label style={style.form.label}>Date</label>
43 | 
44 |         <input
45 |             style={style.form.text}
46 |             type='date'
47 |             name='date'
48 |             onChange={handleChange}
49 |         />
50 |     </FormGroup>
51 |     <FormGroup>
52 |         <label style={style.form.label}>Venue</label>
53 | 
54 |         <input
55 |             style={style.form.text}
56 |             type='text'
57 |             name='venue'
58 |             onChange={handleChange}
59 |         />
60 |     </FormGroup>
61 |             
62 |     </React.Fragment>
63 | )
64 | }
65 | 
66 | AddEventSectionTwo.propTypes = {
67 |     handleChange: PropTypes.func,
68 | };
69 | 
70 | export default AddEventSectionTwo;


--------------------------------------------------------------------------------
/src/Components/Pages/dashboard/FormSubmitted.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | import { Typography, Button } from '@material-ui/core';
 4 | import { makeStyles } from '@material-ui/core/styles';
 5 | 
 6 | const useStyles = makeStyles(() => ({
 7 |     content: {
 8 |         textAlign: 'center',
 9 |         height: 300,
10 |         display: 'grid',
11 |         alignItems: 'center',
12 |         alignContent: 'center'
13 |     },
14 |     message: {
15 |         fontFamily: 'Roboto',
16 |         letterSpacing: '1px',
17 |         fontSize: '22px',
18 |         marginBottom: 19
19 |     },
20 |     button: {
21 |         backgroundColor: '#e83b7c', 
22 |         color: 'white',
23 |         width: 210,
24 |         margin: 'auto',
25 |         '&:hover': {
26 |             background: '#e580a5'
27 |         },
28 |         '&:focus': {
29 |             outline: 'none'
30 |         }
31 |       }
32 |   }));
33 | 
34 | const FormSubmitted = ({handleAdditional}) => {
35 | const classes = useStyles();
36 | 
37 | return (
38 |     <div className={classes.content}>
39 |         <Typography className={classes.message}>
40 |             Your event has been added!
41 |         </Typography>
42 |         <Button
43 |             variant="contained"
44 |             color="primary"
45 |             onClick={handleAdditional}
46 |             className={classes.button}
47 |             type="button"
48 |             >
49 |             Add additional event
50 |         </Button>
51 |     </div>
52 | )
53 | }
54 | 
55 | FormSubmitted.propTypes = {
56 |     handleAdditional: PropTypes.func
57 | };
58 | 
59 | export default FormSubmitted;


--------------------------------------------------------------------------------
/src/Components/Pages/dashboard/Main.js:
--------------------------------------------------------------------------------
1 | import React, { useState } from 'react';
2 | //material ui component
3 | 
4 | const Main = () => {
5 | 	return <div>Main Component</div>;
6 | };
7 | 
8 | export default Main;
9 | 


--------------------------------------------------------------------------------
/src/Components/Pages/dashboard/listitems.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ListItem from '@material-ui/core/ListItem';
 3 | import ListItemIcon from '@material-ui/core/ListItemIcon';
 4 | import ListItemText from '@material-ui/core/ListItemText';
 5 | import ListSubheader from '@material-ui/core/ListSubheader';
 6 | import DashboardIcon from '@material-ui/icons/Dashboard';
 7 | import PeopleIcon from '@material-ui/icons/People';
 8 | import BarChartIcon from '@material-ui/icons/BarChart';
 9 | import LayersIcon from '@material-ui/icons/Layers';
10 | import AssignmentIcon from '@material-ui/icons/Assignment';
11 | 
12 | export const mainListItems = (
13 | 	<div>
14 | 		<ListItem button>
15 | 			<ListItemIcon>
16 | 				<DashboardIcon />
17 | 			</ListItemIcon>
18 | 			<ListItemText primary='Dashboard' />
19 | 		</ListItem>
20 | 		<ListItem button>
21 | 			<ListItemIcon>
22 | 				<PeopleIcon />
23 | 			</ListItemIcon>
24 | 			<ListItemText primary='Users' />
25 | 		</ListItem>
26 | 		<ListItem button>
27 | 			<ListItemIcon>
28 | 				<BarChartIcon />
29 | 			</ListItemIcon>
30 | 			<ListItemText primary='Events' />
31 | 		</ListItem>
32 | 		<ListItem button>
33 | 			<ListItemIcon>
34 | 				<LayersIcon />
35 | 			</ListItemIcon>
36 | 			<ListItemText primary='Team' />
37 | 		</ListItem>
38 | 	</div>
39 | );
40 | 
41 | export const secondaryListItems = (
42 | 	<div>
43 | 		<ListSubheader inset>Saved reports</ListSubheader>
44 | 		<ListItem button>
45 | 			<ListItemIcon>
46 | 				<AssignmentIcon />
47 | 			</ListItemIcon>
48 | 			<ListItemText primary='Current month' />
49 | 		</ListItem>
50 | 		<ListItem button>
51 | 			<ListItemIcon>
52 | 				<AssignmentIcon />
53 | 			</ListItemIcon>
54 | 			<ListItemText primary='Last quarter' />
55 | 		</ListItem>
56 | 		<ListItem button>
57 | 			<ListItemIcon>
58 | 				<AssignmentIcon />
59 | 			</ListItemIcon>
60 | 			<ListItemText primary='Year-end sale' />
61 | 		</ListItem>
62 | 	</div>
63 | );
64 | 


--------------------------------------------------------------------------------
/src/Components/Pages/index.js:
--------------------------------------------------------------------------------
 1 | import aboutus from "./Aboutus";
 2 | import achievements from "./Achievements";
 3 | import contactus from "./Contactus";
 4 | import groups from "./Groups";
 5 | import homepage from "./Homepage";
 6 | import mentorship from "./Mentorship";
 7 | import team from "./Team";
 8 | import events from "./Events";
 9 | import login from "./Login";
10 | import alumni from "./Alumni";
11 | import ProfilePage from "./ProfilePage";
12 | import Pannel from "./Pannel";
13 | 
14 | 
15 | export {
16 |   aboutus,
17 |   achievements,
18 |   contactus,
19 |   groups,
20 |   homepage,
21 |   mentorship,
22 |   team,
23 |   events,
24 |   login,
25 |   alumni,
26 |   ProfilePage,
27 |   Pannel
28 | 
29 | };
30 | 


--------------------------------------------------------------------------------
/src/Components/Styles/README.md:
--------------------------------------------------------------------------------
1 | # Add the component's style here
2 | Rules:
3 | - Make sure the name of style sheet is same as of component's name like for HomePage.js the stylesheet should be HomePage.css
4 | - Also import the stylesheet into that particular component.
5 | - Make sure you don't change any css.
6 | 


--------------------------------------------------------------------------------
/src/Components/color.js:
--------------------------------------------------------------------------------
1 | export const Color = {
2 |   color_twitter: "#28aae1",
3 |   color_fb: "#3b5998",
4 |   color_insta: "#e41a2b",
5 |   color_linkedIn: "#0077b5",
6 |   color_white: "#ffffff"
7 | };
8 | 


--------------------------------------------------------------------------------
/src/context/alert/AlertState.js:
--------------------------------------------------------------------------------
 1 | import React, { useReducer } from 'react';
 2 | import uuid from 'uuid';
 3 | import AlertContext from './alertContext';
 4 | import alertReducer from './alertReducer';
 5 | import { SET_ALERT, REMOVE_ALERT } from '../types';
 6 | 
 7 | const AlertState = props => {
 8 |   const initialState = [];
 9 | 
10 |   const [state, dispatch] = useReducer(alertReducer, initialState);
11 | 
12 |   // Set Alert
13 |   const setAlert = (msg, type, timeout = 5000) => {
14 |     const id = uuid.v4();
15 |     dispatch({
16 |       type: SET_ALERT,
17 |       payload: { msg, type, id }
18 |     });
19 | 
20 |     setTimeout(() => dispatch({ type: REMOVE_ALERT, payload: id }), timeout);
21 |   };
22 | 
23 |   return (
24 |     <AlertContext.Provider
25 |       value={{
26 |         alerts: state,
27 |         setAlert
28 |       }}
29 |     >
30 |       {props.children}
31 |     </AlertContext.Provider>
32 |   );
33 | };
34 | 
35 | export default AlertState;
36 | 


--------------------------------------------------------------------------------
/src/context/alert/alertContext.js:
--------------------------------------------------------------------------------
1 | import { createContext } from 'react';
2 | 
3 | const alertContext = createContext();
4 | 
5 | export default alertContext;
6 | 


--------------------------------------------------------------------------------
/src/context/alert/alertReducer.js:
--------------------------------------------------------------------------------
 1 | import { SET_ALERT, REMOVE_ALERT } from '../types';
 2 | 
 3 | export default (state, action) => {
 4 |   switch (action.type) {
 5 |     case SET_ALERT:
 6 |       return [...state, action.payload];
 7 |     case REMOVE_ALERT:
 8 |       return state.filter(alert => alert.id !== action.payload);
 9 |     default:
10 |       return state;
11 |   }
12 | };
13 | 


--------------------------------------------------------------------------------
/src/context/auth/authContext.js:
--------------------------------------------------------------------------------
1 | import { createContext } from 'react';
2 | 
3 | const authContext = createContext();
4 | 
5 | export default authContext;
6 | 


--------------------------------------------------------------------------------
/src/context/auth/authReducer.js:
--------------------------------------------------------------------------------
 1 | import {
 2 | 	REGISTER_SUCCESS,
 3 | 	REGISTER_FAIL,
 4 | 	USER_LOADED,
 5 | 	CONTACT_LOADED,
 6 | 	AUTH_ERROR,
 7 | 	LOGIN_SUCCESS,
 8 | 	LOGIN_FAIL,
 9 | 	LOGOUT,
10 | 	CLEAR_ERRORS,
11 | 	SHOW_LOADING,
12 | 	LOGIN_DIALOG,
13 | 	VERIFICATION_SUCCESS,
14 | 	VERIFICATION_FAIL,
15 | 	PASS_RESET_SUCCESS,
16 | 	PASS_RESET_FAIL
17 | } from '../types';
18 | 
19 | export default (state, action) => {
20 | 	switch (action.type) {
21 | 		case LOGIN_DIALOG:
22 | 			return {
23 | 				...state,
24 | 				showLogin: action.payload
25 | 			};
26 | 		case SHOW_LOADING:
27 | 			return {
28 | 				...state,
29 | 				loading: action.payload.data
30 | 			};
31 | 		case USER_LOADED:
32 | 			return {
33 | 				...state,
34 | 				isAuthenticated: true,
35 | 				loading: false,
36 | 				user: action.payload
37 | 			};
38 | 		case REGISTER_SUCCESS:
39 | 		case LOGIN_SUCCESS:
40 | 			localStorage.setItem('token', action.payload.token);
41 | 			return {
42 | 				...state,
43 | 				...action.payload,
44 | 				isAuthenticated: true,
45 | 				loading: false
46 | 			};
47 | 		case REGISTER_FAIL:
48 | 		case AUTH_ERROR:
49 | 		case LOGIN_FAIL:
50 | 		case VERIFICATION_SUCCESS:
51 | 		case VERIFICATION_FAIL:
52 | 		case PASS_RESET_SUCCESS:
53 | 		case PASS_RESET_FAIL:
54 | 		case LOGOUT:
55 | 			localStorage.removeItem('token');
56 | 			return {
57 | 				...state,
58 | 				token: null,
59 | 				isAuthenticated: false,
60 | 				loading: false,
61 | 				user: null,
62 | 				error: action.payload
63 | 			};
64 | 		case CLEAR_ERRORS:
65 | 			return {
66 | 				...state,
67 | 				error: null
68 | 			};
69 | 		case CONTACT_LOADED:
70 | 			return {
71 | 				...state,
72 | 				contact: action.payload
73 | 			};
74 | 		default:
75 | 			return state;
76 | 	}
77 | };
78 | 


--------------------------------------------------------------------------------
/src/context/contact/ContactState.js:
--------------------------------------------------------------------------------
 1 | import React, { useReducer } from 'react';
 2 | import uuid from 'uuid';
 3 | import ContactContext from './contactContext';
 4 | import contactReducer from './contactReducer';
 5 | import {
 6 | 	SUBMIT_CONTACT,
 7 | 	SHOW_CONTACT,
 8 | 	DELETE_CONTACT,
 9 | 	backendUrl
10 | } from '../types';
11 | 
12 | const ContactState = props => {
13 | 	const initialState = {};
14 | 
15 | 	const [state, dispatch] = useReducer(contactReducer, initialState);
16 | 
17 | 	// submit contact form
18 | 	const submitContact = async contactData => {
19 | 		try {
20 | 			const res = await axios.post(backendUrl + '/api/contact', contactData);
21 | 
22 | 			dispatch({
23 | 				type: SHOW_CONTACT,
24 | 				payload: res.data
25 | 			});
26 | 		} catch (err) {
27 | 			dispatch({ type: AUTH_ERROR });
28 | 		}
29 | 	};
30 | 
31 | 	return (
32 | 		<AlertContext.Provider
33 | 			value={{
34 | 				alerts: state,
35 | 				setAlert
36 | 			}}
37 | 		>
38 | 			{props.children}
39 | 		</AlertContext.Provider>
40 | 	);
41 | };
42 | 
43 | export default ContactState;
44 | 


--------------------------------------------------------------------------------
/src/context/contact/contactContext.js:
--------------------------------------------------------------------------------
1 | import { createContext } from 'react';
2 | 
3 | const contactContext = createContext();
4 | 
5 | export default contactContext;
6 | 


--------------------------------------------------------------------------------
/src/context/contact/contactReducer.js:
--------------------------------------------------------------------------------
 1 | import { SET_ALERT, REMOVE_ALERT } from '../types';
 2 | 
 3 | export default (state, action) => {
 4 |   switch (action.type) {
 5 |     case SET_ALERT:
 6 |       return [...state, action.payload];
 7 |     case REMOVE_ALERT:
 8 |       return state.filter(alert => alert.id !== action.payload);
 9 |     default:
10 |       return state;
11 |   }
12 | };
13 | 


--------------------------------------------------------------------------------
/src/context/event/eventContext.js:
--------------------------------------------------------------------------------
1 | import { createContext } from 'react';
2 | 
3 | const eventContext = createContext();
4 | 
5 | export default eventContext;
6 | 


--------------------------------------------------------------------------------
/src/context/event/eventReducer.js:
--------------------------------------------------------------------------------
 1 | import { EVENT_LOADED, EVENT_LOAD_ERROR } from '../types';
 2 | 
 3 | export default (state, action) => {
 4 | 	switch (action.type) {
 5 | 		case EVENT_LOADED:
 6 | 			return {
 7 | 				events: action.payload
 8 | 			};
 9 | 		case EVENT_LOAD_ERROR:
10 | 			return {
11 | 				events: []
12 | 			};
13 | 		default:
14 | 			return state;
15 | 	}
16 | };
17 | 


--------------------------------------------------------------------------------
/src/context/event/eventState.js:
--------------------------------------------------------------------------------
 1 | import React, { useReducer } from 'react';
 2 | import axios from 'axios';
 3 | import EventContext from './eventContext';
 4 | import eventReducer from './eventReducer';
 5 | import setAuthToken from '../../util/setAuthToken';
 6 | import {
 7 | 	EVENT_LOADED,
 8 | 	REGISTER_FOR_EVENT,
 9 | 	DELETE_EVENT,
10 | 	EVENT_LOAD_ERROR,
11 | 	backendUrl
12 | } from '../types';
13 | 
14 | const EventState = props => {
15 | 	const initialState = {
16 | 		events: []
17 | 	};
18 | 
19 | 	const [state, dispatch] = useReducer(eventReducer, initialState);
20 | 
21 | 	const registerForEvent = async eventId => {
22 | 		if (localStorage.token) {
23 | 			setAuthToken(localStorage.token);
24 | 			try {
25 | 				const res = await axios.put(
26 | 					backendUrl + '/api/events/register/' + eventId
27 | 				);
28 | 				console.log('res:', res.data);
29 | 				loadEvents();
30 | 				// dispatch({
31 | 				// 	type: REGISTER_FOR_EVENT,
32 | 				// 	payload: res.data
33 | 				// });
34 | 			} catch (err) {
35 | 				dispatch({ type: EVENT_LOAD_ERROR });
36 | 			}
37 | 		}
38 | 	};
39 | 
40 | 	// Load Events
41 | 	const loadEvents = async () => {
42 | 		console.log('loadevents called:');
43 | 		try {
44 | 			const res = await axios.get(backendUrl + '/api/events/');
45 | 			console.log('res:', res.data);
46 | 			dispatch({
47 | 				type: EVENT_LOADED,
48 | 				payload: res.data
49 | 			});
50 | 		} catch (err) {
51 | 			dispatch({ type: EVENT_LOAD_ERROR });
52 | 		}
53 | 	};
54 | 	// Delete Event
55 | 	const deleteEvent = async eventId => {
56 | 		console.log('deleteEvent called with id:', eventId);
57 | 		try {
58 | 			const res = await axios.delete(
59 | 				backendUrl + '/api/events/delete/' + eventId
60 | 			);
61 | 			console.log('res:', res.data);
62 | 			loadEvents();
63 | 			// dispatch({
64 | 			// 	type: EVENT_LOADED,
65 | 			// 	payload: res.data
66 | 			// });
67 | 		} catch (err) {
68 | 			dispatch({ type: EVENT_LOAD_ERROR });
69 | 		}
70 | 	};
71 | 
72 | 	return (
73 | 		<EventContext.Provider
74 | 			value={{
75 | 				events: state.events,
76 | 				loadEvents,
77 | 				deleteEvent,
78 | 				registerForEvent
79 | 			}}
80 | 		>
81 | 			{props.children}
82 | 		</EventContext.Provider>
83 | 	);
84 | };
85 | 
86 | export default EventState;
87 | 


--------------------------------------------------------------------------------
/src/context/types.js:
--------------------------------------------------------------------------------
 1 | 
 2 | export const backendUrl = 'https://radiant-thicket-94737.herokuapp.com' || 'http://localhost:4000';
 3 | 
 4 | export const SET_ALERT = 'SET_ALERT';
 5 | export const REMOVE_ALERT = 'REMOVE_ALERT';
 6 | export const REGISTER_SUCCESS = 'REGISTER_SUCCESS';
 7 | export const REGISTER_FAIL = 'REGISTER_FAIL';
 8 | export const USER_LOADED = 'USER_LOADED';
 9 | export const AUTH_ERROR = 'AUTH_ERROR';
10 | export const LOGIN_SUCCESS = 'LOGIN_SUCCESS';
11 | export const LOGIN_FAIL = 'LOGIN_FAIL';
12 | export const LOGOUT = 'LOGOUT';
13 | export const VERIFICATION_SUCCESS ='VERIFICATION_SUCCESS';
14 | export const VERIFICATION_FAIL ='VERIFICATION_FAIL';    
15 | export const PASS_RESET_SUCCESS ="PASSWORD_RESET_SUCCESS";
16 | export const PASS_RESET_FAIL ="PASSWORD_RESET_FAIL";
17 | 
18 | export const CLEAR_ERRORS = 'CLEAR_ERRORS';
19 | export const SHOW_LOADING = 'SHOW_LOADING';
20 | export const LOGIN_DIALOG = 'LOGIN_DIALOG';
21 | 
22 | /// contact
23 | export const CONTACT_LOADED = 'CONTACT_LOADED';
24 | export const SUBMIT_CONTACT = 'SUBMIT_CONTACT';
25 | export const SHOW_CONTACT = 'SHOW_CONTACT';
26 | export const DELETE_CONTACT = 'DELETE_CONTACT';
27 | 
28 | //events
29 | export const EVENT_LOADED = 'EVENT_LOADED';
30 | export const EVENT_LOAD_ERROR = 'EVENT_LOAD_ERROR';
31 | export const REGISTER_FOR_EVENT = 'REGISTER_FOR_EVENT';
32 | export const DELETE_EVENT = 'DELETE_EVENT';
33 | 


--------------------------------------------------------------------------------
/src/images/desktop.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/technojam/technojam-frontend/1491dfd17ba9111b30b0b9786c8ea3bc80e8a8d5/src/images/desktop.png


--------------------------------------------------------------------------------
/src/images/logo_small.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/technojam/technojam-frontend/1491dfd17ba9111b30b0b9786c8ea3bc80e8a8d5/src/images/logo_small.png


--------------------------------------------------------------------------------
/src/images/mobile.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/technojam/technojam-frontend/1491dfd17ba9111b30b0b9786c8ea3bc80e8a8d5/src/images/mobile.jpg


--------------------------------------------------------------------------------
/src/index.css:
--------------------------------------------------------------------------------
 1 | #root,
 2 | .App {
 3 |   min-height: 100vh;
 4 |   position: relative;
 5 | }
 6 | 
 7 | body {
 8 |   margin: 0;
 9 |   font-family: -apple-system, BlinkMacSystemFont, "Roboto", sans-serif;
10 |   -webkit-font-smoothing: antialiased;
11 |   -moz-osx-font-smoothing: grayscale;
12 |   --color-bg: #000000;
13 | }
14 | 
15 | code {
16 |   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Roboto', monospace;
17 | }
18 | 
19 | .card--shadow {
20 |   box-shadow: 0px 4px 8px rgba(0,0,0,0.25) !important;
21 | }
22 | 
23 | 
24 | html {
25 |   scroll-behavior: smooth;
26 | }
27 | 


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import ReactDOM from "react-dom";
 3 | import { BrowserRouter } from "react-router-dom";
 4 | import "./index.css";
 5 | import App from "./App";
 6 | import * as serviceWorker from "./serviceWorker";
 7 | import CssBaseline from "@material-ui/core/CssBaseline";
 8 | import { ThemeContextProvider, ThemeContext } from "./util/themeContext";
 9 | 
10 | ReactDOM.render(
11 | 	<BrowserRouter>
12 | 		<ThemeContextProvider>
13 | 			<CssBaseline />
14 | 			<App />
15 | 		</ThemeContextProvider>
16 | 	</BrowserRouter>,
17 | 	document.getElementById("root")
18 | );
19 | 
20 | /**
21 |  * If you want your app to work offline and load faster, you can change
22 |  * unregister() to register() below. Note this comes with some pitfalls.
23 |  * Learn more about service workers: https://bit.ly/CRA-PWA
24 |  */
25 | serviceWorker.unregister();
26 | 


--------------------------------------------------------------------------------
/src/util/AdminRoutes.js:
--------------------------------------------------------------------------------
 1 | import React, { useContext } from 'react';
 2 | import { Route, Redirect } from 'react-router-dom';
 3 | import AuthContext from './../context/auth/authContext';
 4 | 
 5 | const AdminRoute = ({ component: Component, ...rest }) => {
 6 |   const authContext = useContext(AuthContext);
 7 |   const { isAuthenticated, loading, user } = authContext;
 8 |   let role = user ? user.role : '';
 9 | 
10 |   return (
11 |     <Route
12 |       {...rest}
13 |       render={props =>
14 |         !isAuthenticated && !loading && role != 'admin' ? (
15 |           <Redirect to="/" />
16 |         ) : (
17 |           <Component {...props} />
18 |         )
19 |       }
20 |     />
21 |   );
22 | };
23 | 
24 | export default AdminRoute;
25 | 


--------------------------------------------------------------------------------
/src/util/LoggedinRoutes.js:
--------------------------------------------------------------------------------
 1 | import React, { useContext } from 'react';
 2 | import { Route, Redirect } from 'react-router-dom';
 3 | import AuthContext from './../context/auth/authContext';
 4 | 
 5 | const LoggedinRoutes = ({ component: Component, ...rest }) => {
 6 | 	const authContext = useContext(AuthContext);
 7 | 	const { isAuthenticated, loading } = authContext;
 8 | 
 9 | 	return (
10 | 		<Route
11 | 			{...rest}
12 | 			render={props =>
13 | 				!isAuthenticated && !loading ? (
14 | 					<Redirect to='/' />
15 | 				) : (
16 | 					<Component {...props} />
17 | 				)
18 | 			}
19 | 		/>
20 | 	);
21 | };
22 | 
23 | export default LoggedinRoutes;
24 | 


--------------------------------------------------------------------------------
/src/util/setAuthToken.js:
--------------------------------------------------------------------------------
 1 | import axios from 'axios';
 2 | 
 3 | const setAuthToken = token => {
 4 |   if (token) {
 5 |     axios.defaults.headers.common['x-auth-token'] = token;
 6 |   } else {
 7 |     delete axios.defaults.headers.common['x-auth-token'];
 8 |   }
 9 | };
10 | 
11 | export default setAuthToken;
12 | 


--------------------------------------------------------------------------------
/src/util/themeContext.js:
--------------------------------------------------------------------------------
 1 | import React, { createContext, useState } from "react";
 2 | import { createMuiTheme, ThemeProvider } from "@material-ui/core";
 3 | 
 4 | export const ThemeContext = createContext({
 5 | 	theme: "light",
 6 | 	toggleTheme: null,
 7 | });
 8 | 
 9 | export const ThemeContextProvider = ({ children }) => {
10 | 	const [currentTheme, setCurrentTheme] = useState("light");
11 | 
12 | 	const toggleTheme = () => {
13 | 		setCurrentTheme(currentTheme === "light" ? "dark" : "light");
14 | 	};
15 | 
16 | 	const theme = createMuiTheme({
17 | 		palette: {
18 | 			type: currentTheme,
19 | 		},
20 | 	});
21 | 
22 | 	return (
23 | 		<ThemeContext.Provider
24 | 			value={{
25 | 				theme: currentTheme,
26 | 				toggleTheme: toggleTheme,
27 | 			}}
28 | 		>
29 | 			<ThemeProvider theme={theme}>{children}</ThemeProvider>
30 | 		</ThemeContext.Provider>
31 | 	);
32 | };
33 | 


--------------------------------------------------------------------------------