Merge pull request #48 from alDuncanson/feature/favicon-and-titles

Added page titles and modified Favicon.

src/App.js

@@ -3,6 +3,10 @@ import Main from './components/Main';
 import './App.css';
 
 class App extends Component {
+    componentDidMount() {
+        document.title = 'Marten Tracker';
+    }
+
     render() {
         return (
         <div>

src/index.js

@@ -6,4 +6,6 @@ import registerServiceWorker from './registerServiceWorker';
 
 ReactDOM.render(<App/>, document.getElementById('root'));
 
+document.title = "Marten Tracker | Home";
+
 registerServiceWorker();

src/pages/Home.js

@@ -18,6 +18,10 @@ class Home extends Component {
             }))
     }
 
+    componentDidMount() {
+        document.title = 'Marten Tracker | Home';
+    }
+
     render() {
         return (
             <FlameLinkComponentCreations schemaDetails={this.state.schemaDetails} />

src/pages/Info.js

@@ -18,6 +18,10 @@ class Info extends Component {
             }))
     }
 
+    componentDidMount() {
+        document.title = 'Marten Tracker | Info';
+    }
+
     render() {
 
         return (

src/pages/QuizPage.js

@@ -3,6 +3,10 @@ import QuizGame from '../components/QuizGame';
 
 
 class QuizPage extends Component {
+    componentDidMount() {
+        document.title = 'Marten Tracker | Quiz';
+    }
+
     render() {
         return (
             <QuizGame difficulty={this.props.difficulty}/>

src/pages/Report.js

@@ -2,6 +2,10 @@ import React, { Component } from 'react';
 import ReportForm from '../components/ReportForm';
 
 class Report extends Component {
+    componentDidMount() {
+        document.title = 'Marten Tracker | Report';
+    }
+
     render() {
         return (
             <ReportForm/>

src/pages/SightingList.js

@@ -2,6 +2,10 @@ import React, { Component } from 'react';
 import ViewSightings from '../components/ViewSightings.js';
 
 class Sighting extends Component {
+    componentDidMount() {
+        document.title = 'Marten Tracker | List';
+    }
+
     render() {
         return (
             <ViewSightings/>

src/pages/ViewMap.js

@@ -2,6 +2,10 @@ import React, { Component } from 'react';
 import GoogleMap from '../components/SightingMap';
 
 class Sighting extends Component {
+    componentDidMount() {
+        document.title = 'Marten Tracker | Map';
+    }
+
     render() {
         return (
             <div className='sighting-map'>