EduEvents
+ EduVents
diff --git a/client/src/App.js b/client/src/App.js
index 8373e3a..61df46b 100644
--- a/client/src/App.js
+++ b/client/src/App.js
@@ -2,8 +2,12 @@
import React, { Component } from 'react';
// Importing React Router to add page routes.
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
-// Import App css file
-import './App.css';
+// import Material UI components and styling
+import Card from '@material-ui/core/Card';
+import CardContent from '@material-ui/core/CardContent';
+import Grid from '@material-ui/core/Grid';
+import Typography from '@material-ui/core/Typography';
+import { withStyles } from '@material-ui/core/styles';
// Import Events page
import Events from './containers/Events';
// Import Profile page
@@ -22,20 +26,12 @@ import Footer from './components/Footer';
import EventDetails from './containers/EventDetails/EventDetails';
// import NavBar component
import NavBar from './components/NavBar';
-// import card components
-import Card from '@material-ui/core/Card';
-import CardActions from '@material-ui/core/CardActions';
-import CardContent from '@material-ui/core/CardContent';
// import Firebase
import { auth, provider } from './firebase-config';
-// import material ui grid layout
-import Grid from '@material-ui/core/Grid';
-// import typography
-import Typography from '@material-ui/core/Typography';
-// import css styling for material ui components.
-import { withStyles } from '@material-ui/core/styles';
// import Logo
import logo from './images/edue_logo.png';
+// Import App css file
+import './App.css';
const styles = {
card: {
@@ -109,20 +105,25 @@ class App extends Component {
render() {
const { user } = this.state;
const { classes } = this.props;
- console.log(user);
+ // console.log(user);
return (
{user
? (
-
+
} />
+ {...props} name={user.displayName} email={user.email} photo={user.photoURL} uid={user.uid}>}
+ />
@@ -140,26 +141,27 @@ class App extends Component {
Welcome to EduVents
-
+
LOGIN
-
-
- Log in to find fun, educational activities and events to do with your kids.
-
+
+
+ Log in to find fun, educational activities and
+ events to do with your kids.
+
Login with Google to continue to site.
+
-
+
)}
diff --git a/client/src/components/Footer/Footer.js b/client/src/components/Footer/Footer.js
index 6eb8762..b26b728 100644
--- a/client/src/components/Footer/Footer.js
+++ b/client/src/components/Footer/Footer.js
@@ -1,17 +1,18 @@
// import React
-import React, { Component } from 'react';
+import React from 'react';
// import Footer css
import './Footer.css';
-class Footer extends Component {
- render() {
- return (
-
- );
- }
+// Footer component
+function Footer() {
+ return (
+
+ );
}
-export default Footer;
\ No newline at end of file
+// export Footer component
+export default Footer;
diff --git a/client/src/components/Footer/index.js b/client/src/components/Footer/index.js
index b12f605..be92134 100644
--- a/client/src/components/Footer/index.js
+++ b/client/src/components/Footer/index.js
@@ -1 +1 @@
-export { default } from './Footer';
\ No newline at end of file
+export { default } from './Footer';
diff --git a/client/src/components/Header/Header.js b/client/src/components/Header/Header.js
index 2a8b2f7..fe2ec6a 100644
--- a/client/src/components/Header/Header.js
+++ b/client/src/components/Header/Header.js
@@ -1,15 +1,15 @@
-import React, { Component } from 'react'
+// import React
+import React from 'react';
// import css
import './Header.css';
-class Header extends Component {
- render() {
- return (
-
+ );
+ }
}
NavBar.propTypes = {
- classes: PropTypes.object.isRequired
+ classes: PropTypes.object.isRequired,
+ name: PropTypes.string.isRequired,
+ photo: PropTypes.string.isRequired,
+ handleLogout: PropTypes.func.isRequired,
};
export default withStyles(styles)(NavBar);
diff --git a/client/src/components/NavBar/index.js b/client/src/components/NavBar/index.js
index 95025f5..902ee59 100644
--- a/client/src/components/NavBar/index.js
+++ b/client/src/components/NavBar/index.js
@@ -1 +1 @@
-export { default } from './NavBar';
\ No newline at end of file
+export { default } from './NavBar';
diff --git a/client/src/containers/AddEvent/AddEvent.js b/client/src/containers/AddEvent/AddEvent.js
index de463a0..3e3a562 100644
--- a/client/src/containers/AddEvent/AddEvent.js
+++ b/client/src/containers/AddEvent/AddEvent.js
@@ -1,19 +1,19 @@
// import React
-import React, { Component } from 'react'
+import React, { Component } from 'react';
// Import NavBar component
import NavBar from '../../components/NavBar';
class AddEvent extends Component {
- render() {
- return (
-
-
-
-
Add Event
-
-
- )
- }
+ render() {
+ return (
+
+
+
+
Add Event
+
+
+ );
+ }
}
-export default AddEvent;
\ No newline at end of file
+export default AddEvent;
diff --git a/client/src/containers/AddEvent/index.js b/client/src/containers/AddEvent/index.js
index 844f8b6..cd21043 100644
--- a/client/src/containers/AddEvent/index.js
+++ b/client/src/containers/AddEvent/index.js
@@ -1 +1 @@
-export { default } from './AddEvent';
\ No newline at end of file
+export { default } from './AddEvent';
diff --git a/client/src/containers/EventDetails/EventDetails.js b/client/src/containers/EventDetails/EventDetails.js
index e7cb60a..6a17f05 100644
--- a/client/src/containers/EventDetails/EventDetails.js
+++ b/client/src/containers/EventDetails/EventDetails.js
@@ -1,7 +1,9 @@
// import React
import React, { Component } from 'react';
+// Import Material UI components.
import Button from '@material-ui/core/Button';
-import '../EventDetails/EventDetails.css';
+// import CSS
+import './EventDetails.css';
class EventDetails extends Component {
render() {
@@ -9,14 +11,28 @@ class EventDetails extends Component {
Event Details
- Event: Charlotte's Web @ Stages Theatre (Pay What You Can performance)
- Location: 1111 Mainstreet, Hopkins, MN, 55343, United States
- Date: September 23rd, 2018
- Time: 1:00 PM
- Ages: All Ages
+ Event:
+ Charlotte's Web @ Stages Theatre (Pay What You Can performance)
+
+ Location:
+ 1111 Mainstreet, Hopkins, MN, 55343, United States
+
+ Date:
+ September 23rd, 2018
+
+ Time:
+ 1:00 PM
+
+ Ages:
+ All Ages
+
Description:
- Patrons can reserve up to SIX (6) tickets at no cost. Patron/Households can reserve tickets to a maximum of THREE (3) pay-what-you-can productions per season. The day of the performance you can “pay-what-you-can” by making a donation of any amount on your way into the theater.
+ Patrons can reserve up to SIX (6) tickets at no cost.
+ Patron/Households can reserve tickets to a maximum of THREE
+ (3) pay-what-you-can productions per season. The day of the
+ performance you can “pay-what-you-can” by making a donation
+ of any amount on your way into the theater.
-
-
- What is EDUVent?
-
-
-
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Expedita, nemo. Consequuntur atque voluptate, quisquam accusamus aliquam quas voluptatibus eaque beatae pariatur maxime inventore animi ipsa odit, ad magni, veritatis facere! Sequi, ratione dolores animi veniam illo quas velit incidunt atque, perspiciatis optio aliquam dolorum inventore, voluptates praesentium hic quisquam? Voluptatum.
-
-
-
-
-
- How do I update my interests?
-
-
-
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt excepturi magnam numquam adipisci architecto nemo nulla nisi, minima ullam modi libero obcaecati iure soluta sequi quo impedit, in at cum, porro eius ipsa fugit! Recusandae nostrum voluptatem, ducimus tenetur, eius vitae soluta iusto atque cumque inventore, minus repudiandae sapiente ipsum?
-
-
-
-
-
- How do I find events for today?
-
-
-
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt excepturi magnam numquam adipisci architecto nemo nulla nisi, minima ullam modi libero obcaecati iure soluta sequi quo impedit, in at cum, porro eius ipsa fugit! Recusandae nostrum voluptatem, ducimus tenetur, eius vitae soluta iusto atque cumque inventore, minus repudiandae sapiente ipsum?
-
-
-
-
-
- How do I save events for later?
-
-
-
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt excepturi magnam numquam adipisci architecto nemo nulla nisi, minima ullam modi libero obcaecati iure soluta sequi quo impedit, in at cum, porro eius ipsa fugit! Recusandae nostrum voluptatem, ducimus tenetur, eius vitae soluta iusto atque cumque inventore, minus repudiandae sapiente ipsum?
-
-
-
+ return (
+
+
Help
+
+
+
+
+
+ What is EDUVent?
+
+
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit.E
+ Expedita, nemo. Consequuntur atque voluptate, quisquam
+ accusamus aliquam quas voluptatibus eaque beatae pariatur
+ maxime inventore animi ipsa odit, ad magni, veritatis facere!
+ Sequi, ratione dolores animi veniam illo quas velit incidunt
+ atque, perspiciatis optio aliquam dolorum inventore, voluptates
+ praesentium hic quisquam? Voluptatum.
+
+
+
+
+
+ How do I update my interests?
+
+
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt
+ excepturi magnam numquam adipisci architecto nemo nulla nisi, minima
+ ullam modi libero obcaecati iure soluta sequi quo impedit, in at cum,
+ porro eius ipsa fugit! Recusandae nostrum voluptatem, ducimus tenetur,
+ eius vitae soluta iusto atque cumque inventore, minus repudiandae sapiente ipsum?
+
+
+
+
+
+ How do I find events for today?
+
+
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt
+ excepturi magnam numquam adipisci architecto nemo nulla nisi, minima
+ ullam modi libero obcaecati iure soluta sequi quo impedit, in at cum,
+ porro eius ipsa fugit! Recusandae nostrum voluptatem, ducimus tenetur,
+ eius vitae soluta iusto atque cumque inventore, minus repudiandae sapiente ipsum?
+
+
+
+
+
+ How do I save events for later?
+
+
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt
+ excepturi magnam numquam adipisci architecto nemo nulla nisi, minima
+ ullam modi libero obcaecati iure soluta sequi quo impedit, in at cum,
+ porro eius ipsa fugit! Recusandae nostrum voluptatem, ducimus tenetur,
+ eius vitae soluta iusto atque cumque inventore, minus repudiandae sapiente ipsum?
+
+
+
-
@@ -217,7 +152,7 @@ class Profile extends Component {
My Event Interests
-
+
Event Types:
@@ -225,26 +160,29 @@ class Profile extends Component {
defaultChecked
color="default"
value="checkedG"
- />{' '}
+ />
+ {' '}
Arts and Crafts
- Career
- Exploration
+
+ Career Exploration
- Fun and
- Games
+
+ Fun and Games
{' '}
+ />
+ {' '}
Educational
- Science and
- Math
+
+ Science and Math
- Technology
+
+ Technology