Charts Integration

client/src/views/charts/index.js

@@ -32,6 +32,8 @@ class Charts extends Component {
     let body = document.getElementById('body')
     body.style = 'margin: 0px; padding: 0px; border: 0px; overflow:hidden;'
     this.props.hideFooter()
+
+    window.dispatchEvent(new Event('load')) // This is a workaround to solve the problem that the slider does not show up
   }
 
   componentWillUnmount () {
@@ -41,10 +43,45 @@ class Charts extends Component {
     this.props.showFooter()
   }
 
-  render () {
-    const { classes } = this.props
+  addSlider () {
     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'>
+                <ul className='slides text-center'>
+                  <li>
+                    <img src='https://aacorporatesitedevelop.azurewebsites.net/img/photos/superalgos-platform.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>Advanced Algos Charts</h3>
+                              <h4 className='white-text'>
+                                <br />Map of markets and competitions.
+                              </h4>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    )
+  }
+
+  render () {
+    return (
+      <React.Fragment>
+        {this.addSlider()}
+      </React.Fragment>
     )
   }
 }

client/src/views/header/index.js

@@ -117,21 +117,10 @@ class Header extends Component {
                               Home
                             </Button>
                         </li>
-                        <li className='menu-item-has-children'>
+                        <li>
                           <Button component={ChartsLink} color='inherit'>
                               Charts
                             </Button>
-                          <ul className='sub-menu'>
-                            <li>
-                              <a href='https://www.advancedalgos.net/about-evolution.shtml' className='sf-with-ul'>Evolution</a>
-                            </li>
-                            <li>
-                              <a href='https://www.advancedalgos.net/about-superalgo.shtml' className='sf-with-ul'>Superalgos</a>
-                            </li>
-                            <li>
-                              <a href='https://www.advancedalgos.net/about-supermind.shtml' className='sf-with-ul'>Supermind</a>
-                            </li>
-                          </ul>
                         </li>
                         <li className='menu-item-has-children'>
                           <Button component={UsersLink} color='inherit'>