Disabling Profile Images Tab

client/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@advancedalgos/users-client",
   "description": "Advanced Algos Users client-side web app",
-  "version": "0.0.19",
+  "version": "0.0.20",
   "main": "src/index.js",
   "dependencies": {
     "@material-ui/core": "^3.2.0",

client/src/components/ProfileImages.js

@@ -1,54 +1,38 @@
 import React, { Component } from 'react'
 import { compose } from 'recompose'
 import { withStyles } from '@material-ui/core/styles'
-import CssBaseline from '@material-ui/core/CssBaseline'
+import Paper from '@material-ui/core/Paper'
+import Typography from '@material-ui/core/Typography'
 
 const styles = theme => ({
-
+  root: {
+    width: '50%',
+    flexGrow: 1,
+    padding: 10,
+    marginLeft: '25%',
+    marginTop: '5%',
+    marginBottom: '10%'
+  },
+  typography: {
+    width: '80%',
+    marginLeft: '10%',
+    marginTop: 40,
+    marginBottom: 40
+  }
 })
 
 class ProfileImages extends Component {
 
-  componentDidMount () {
-    window.dispatchEvent(new Event('load')) // This is a workaround to solve the problem that the slider does not show up
-  }
-
   render () {
     const { classes } = this.props
     return (
       <React.Fragment>
-
-        <section id='mainslider' className='fullwidth no_padding_container no_margin_col'>
-          <div className='container'>
-            <div className='row'>
-              <div className='col-sm-12'>
-                <div className='flexslider slider_height_max'>
-                  <ul className='slides text-center'>
-                    <li>
-                      <img src='https://aacorporatesitedevelop.azurewebsites.net/img/photos/connect.jpg' alt='' />
-                      <div className='slide_description_wrapper slider_textblock_center'>
-                        <div className='slide_description to_animate'>
-                          <div data-animation='fadeInUp' align='center'>
-                            <div>
-                              <div>
-                                <h3>Profile Images</h3>
-                                <h4 className='white-text'>
-                                  <br />Comming Soon.
-                              </h4>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </li>
-                  </ul>
-                </div>
-              </div>
-            </div>
-          </div>
-        </section>
+        <Paper className={classes.root}>
+          <Typography className={classes.typography} variant='h5' gutterBottom>
+          Comming Soon
+        </Typography>
+        </Paper>
       </React.Fragment>
-
     )
   }
 }

client/src/components/UserTabs.js

@@ -65,7 +65,7 @@ class UserTabs extends React.Component {
             fullWidth
           >
             <Tab label="Profile Sheet" icon={<ProfileSheetIcon />} />
-            <Tab label="Profile Images" icon={<ProfileImagesIcon />} />
+            <Tab disabled label="Profile Images" icon={<ProfileImagesIcon />} />
             <Tab label="Your Referrer" icon={<YourReferrerIcon />} />
             <Tab label="Your Descendents" icon={<DescendentsIcon />} />
           </Tabs>