Fixed styling.

src/components/FlameLinkCollectionGallery.js

@@ -61,6 +61,7 @@ class FlameLinkCollectionGallery extends Component {
     getGalleryInfo(schemaDetails, schemaContent) {
         var key;
         var mediaNums = []
+        
         for (var val in schemaDetails) {
             key = schemaDetails[val].key
         }
@@ -72,10 +73,11 @@ class FlameLinkCollectionGallery extends Component {
         for (var val3 in global.mediaIDs) {
             mediaNums.push(val3)
         }
+        
         return mediaNums.map(this.createGallery);
     }
 
-    createGallery(num) {
+    createGallery = num => {
         return <FlameLinkCollectionGalleryContent num={num} key={global.mediaIDs[num]} />
     }
 
@@ -85,7 +87,7 @@ class FlameLinkCollectionGallery extends Component {
         return (
             <Grid container>
                 {this.getGalleryInfo(this.state.schemaDetails, this.state.schemaContent)}
-                <Typography variant='display3' className={classes.flamelinkItem}>
+                <Typography variant='display2' className={classes.flamelinkItem}>
                     {this.state.schemaDescription}
                 </Typography>
                 <Grid container className={classes.flamelinkGalleryContainer}>

src/components/FlameLinkCollectionGalleryContent.js

@@ -9,23 +9,23 @@ class FlameLinkCollectionGalleryContent extends Component {
         global.galleryImages = [];
 
         this.state = {
-          mediaURL: '',
+            mediaURL: '',
         }
 
         flamelinkApp.storage.getURL(global.mediaIDs[this.props.num])
-                    .then(url => this.setState({
+            .then(url => this.setState({
-                      mediaURL: url
+                mediaURL: url
-                    }))
+            }))
-      }
+    }
 
-    addURLs(){
+    addURLs = () => {
-        if(this.state.mediaURL === ''){
+        if (this.state.mediaURL === '') {
-        }
+        } else {
-        else{
             var element = {}
             element.original = this.state.mediaURL;
             global.galleryImages.push(element);
         }
+        
         return null;
     }
 

src/components/RenderGallery.js

@@ -8,29 +8,28 @@ class RenderGallery extends Component {
         super();
 
         this.state = {
-          showThumbnails: false,
+            showThumbnails: false,
-          showIndex: true,
+            showIndex: true,
-          showBullets: true,
+            showBullets: true,
-          mounted: false,
+            mounted: false,
         }
-      }
-
-        componentDidMount(){
-        this.setState({mounted: true})
     }
-    
+
-    _onImageLoad(event) {
+    componentDidMount() {
-    console.debug('loaded image', event.target.src);
+        this.setState({ mounted: true })
-  }
+    }
+
+    _onImageLoad = event => {
+        console.debug('loaded image', event.target.src);
+    }
 
     render() {
-
+        return (
-        return(
+            <ImageGallery
-            <ImageGallery  
+                items={global.galleryImages}
-                items={global.galleryImages} 
+                showThumbnails={this.state.showThumbnails}
-                showThumbnails={this.state.showThumbnails} 
+                showIndex={this.state.showIndex}
-                showIndex={this.state.showIndex} 
+                showBullets={this.state.showBullets}
-                showBullets={this.state.showBullets} 
                 onImageLoad={this._onImageLoad}
             />
         );