Changing the picture of the banner

client/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@advancedalgos/events-client",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "Advanced Algos Event client-side web app",
   "author": "",
   "license": "",

client/src/Components/Event/Create/index.js

@@ -72,7 +72,7 @@ class Create extends React.Component {
     const { classes } = this.props;
     return (
       <React.Fragment>
-        <BannerTopBar />
+        <BannerTopBar backgroundUrl='https://aacorporatesitedevelop.azurewebsites.net/img/photos/events.jpg' />
         <Mutation mutation={hostedEventsCalls.EVENTS_CREATEEVENT}
           update={(store, { data }) => {
             this.props.history.push(`/events/edit/${data.events_CreateEvent.id}`);

client/src/Components/Event/Edit/index.js

@@ -14,7 +14,7 @@ class Edit extends React.Component {
   render() {
     return (
       <React.Fragment>
-        <BannerTopBar />
+        <BannerTopBar backgroundUrl='https://aacorporatesitedevelop.azurewebsites.net/img/photos/events.jpg' />
         <Typography
           variant='display1'
           align='center'

client/src/Components/Events/index.js

@@ -2,7 +2,12 @@ import React from 'react';
 import BannerTopBar from '../BannerTopBar';
 
 const Index = () => (
-  <BannerTopBar size='big' title='Your events' text='Here will be the list of YOUR events' />
+  <BannerTopBar
+    size='big'
+    title='Your events'
+    text='Here will be the list of YOUR events'
+    backgroundUrl='https://aacorporatesitedevelop.azurewebsites.net/img/photos/events.jpg'
+  />
 );
 
 export default Index;

client/src/Components/HostedEvents/index.js

@@ -9,7 +9,12 @@ import Event from './Event';
 
 const HostedEvent = () => (
   <React.Fragment>
-    <BannerTopBar size='medium' title='Your hosted events' text='You are one of the pillars of this community, thank you' />
+    <BannerTopBar
+      size='medium'
+      title='Your hosted events'
+      text='You are one of the pillars of this community, thank you'
+      backgroundUrl='https://aacorporatesitedevelop.azurewebsites.net/img/photos/events.jpg'
+    />
     <Query
       query={hostedEventsCalls.EVENTS_EVENTSBYHOST}
     >

client/src/Components/Search/index.js

@@ -53,7 +53,12 @@ class Search extends React.Component {
     const { value } = this.state;
     return (
       <React.Fragment>
-        <BannerTopBar size='medium' title='Events' text='All the events are going to be listed here' />
+        <BannerTopBar
+          size='medium'
+          title='Events'
+          text='All the events are going to be listed here'
+          backgroundUrl='https://aacorporatesitedevelop.azurewebsites.net/img/photos/events.jpg'
+        />
         <Query
           query={listEventsCalls.EVENTS_EVENTS}
         >