Added titles to pages.

package-lock.json

@@ -5656,7 +5656,7 @@
         },
         "core-js": {
           "version": "2.5.5",
-          "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.5.5.tgz",
+          "resolved": "http://registry.npmjs.org/core-js/-/core-js-2.5.5.tgz",
           "integrity": "sha1-sU3ek2xkDAV5prUMq8wTLdYSfjs="
         },
         "firebase": {

src/components/FlameLinkCollectionGallery.js

@@ -27,6 +27,23 @@ const styles = theme => ({
 });
 
 class FlameLinkCollectionGallery extends Component {
+    getPageTitle = galleryName => {
+        switch (galleryName) {
+            case 'martensAndKits':
+                document.title = 'Marten Tracker | Martens and Kits';
+                break;
+            case 'martensAtNight':
+                document.title = 'Marten Tracker | Martens at Night';
+                break;
+            case 'martensBeingMartens':
+                document.title = 'Marten Tracker | Martens Being Martens';
+                break;
+            default:
+                document.title = 'Marten Tracker | Galleries';
+                break;
+        }
+    }
+
     constructor(props) {
         super(props);
 
@@ -53,13 +70,15 @@ class FlameLinkCollectionGallery extends Component {
                     schemaDescription: result.title
                 }))
         }
+
+        this.getPageTitle(this.props.galleryName);
     }
 
     getGalleryInfo(schemaDetails, schemaContent) {
         var key;
         var mediaNums = [];
         var mediaIDs = [];
-        
+
         for (var val in schemaDetails) {
             key = schemaDetails[val].key
         }
@@ -71,15 +90,15 @@ class FlameLinkCollectionGallery extends Component {
         for (var val3 in mediaIDs) {
             mediaNums.push(val3)
         }
-        
+
         return mediaNums.map(this.createGallery, mediaIDs);
     }
 
-    createGallery (num) {
+    createGallery(num) {
-        if(num === '0'){
+        if (num === '0') {
-                global.galleryImages = [];
+            global.galleryImages = [];
         }
-        return <FlameLinkCollectionGalleryContent mediaIDs={this} num={num} key={this[num]} />
+        return <FlameLinkCollectionGalleryContent mediaIDs={this} num={num} key={this[num]} />;
     }
 
     render() {
@@ -93,7 +112,7 @@ class FlameLinkCollectionGallery extends Component {
                 </Typography>
                 <Grid container className={classes.flamelinkGalleryContainer}>
                     <Grid item lg={8} md={8} sm={12} xs={12} className={classes.flamelinkGallery} >
-                        <RenderGallery key={Math.random()}/>
+                        <RenderGallery key={Math.random()} />
                     </Grid>
                 </Grid>
             </Grid>

src/pages/About.js

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