Gallery not recovering from slow network bug fix

src/components/FlameLinkCollectionGallery.js

@@ -20,7 +20,7 @@ const styles = theme => ({
         marginLeft: 'auto',
         backgroundImage: 'url(../images/galleryBackgroundImage.png)',
         overflow: 'hidden',
-        minHeight: 300,
+        minHeight: 180,
         minWidth:  300,
         width:     'auto',
         height:    'auto',
@@ -32,7 +32,7 @@ const styles = theme => ({
     },
     flamelinkGalleryInnerContainer: {
         maxHeight:   1000,
-        minHeight:   250,
+        minHeight:   180,
         height:      'auto',
         width:       'auto',
         marginRight: 'auto',
@@ -57,10 +57,6 @@ class FlameLinkCollectionGallery extends Component {
                 break;
         }
     }
-    
-    state = {
-        active: false,
-    }
 
     constructor(props) {
         super(props);
@@ -92,10 +88,6 @@ class FlameLinkCollectionGallery extends Component {
         this.getPageTitle(this.props.galleryName);
     }
 
-    toggleClass = () => {
-        this.setState(state => ({ active: !state.active }));
-    }
-
     getGalleryInfo(schemaDetails, schemaContent) {
         var key;
         var mediaNums = [];
@@ -134,8 +126,8 @@ class FlameLinkCollectionGallery extends Component {
                 </Typography>
                 <Grid container className={classes.flamelinkGalleryContainer}>
                     <Grid container className={classes.flamelinkGalleryInnerContainer}>
-                        <Grid item lg={8} md={8} sm={12} xs={12} className={classes.flamelinkGallery} onClick={this.toggleClass}>
-                            <div onClick={this.toggleClass}>
+                        <Grid item lg={8} md={8} sm={12} xs={12} className={classes.flamelinkGallery}>
+                            <div>
                                 <RenderGallery key={Math.random()} />
                             </div>
                         </Grid>

src/components/RenderGallery.js

@@ -9,10 +9,9 @@ class RenderGallery extends Component {
 
         this.state = {
             showThumbnails: false,
-            showIndex: true,
-            showBullets: true,
             mounted: false,
             autoPlay: true,
+            slideInterval: 6000,
         }
     }
 
@@ -29,10 +28,9 @@ class RenderGallery extends Component {
             <ImageGallery
                 items={global.galleryImages}
                 showThumbnails={this.state.showThumbnails}
-                showIndex={this.state.showIndex}
-                showBullets={this.state.showBullets}
                 onImageLoad={this._onImageLoad}
                 autoPlay={this.state.autoPlay}
+                slideInterval={this.state.slideInterval}
             />
         );
     }