Canvas Hidden and Visible Working.

client/html/index.html

@@ -10,8 +10,27 @@
   <meta name="apple-mobile-web-app-capable" content="yes">
   <link href="https://fonts.googleapis.com/css?family=Saira+Condensed:300,600|Saira:300,600&amp;subset=latin-ext,vietnamese" rel="stylesheet">
   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
+
+  <script type="text/javascript" src="https://cdn.auth0.com/js/auth0/9.7.3/auth0.min.js"></script>
+  <script src="https://unpkg.com/apollo-client-browser@1.7.0"></script>
+  <script type="text/javascript" src="http://localhost:1337/Scripts/Require.js"></script>
+  <script type="text/javascript" src="http://localhost:1337/Scripts/AppPreLoader.js"></script>
 </head>
-<body>
-  <div id="root"></div>
+<body id="body" style="margin: 0px; padding: 0px; border: 0px; overflow:hidden;" onload="
+
+
+window.SESSION_TOKEN = '';
+window.EXECUTING_AT = 'Master App';
+window.TOP_MARGIN = 85;
+window.URL_PREFIX = 'https://develop.advancedalgos.net/';
+window.URL_PREFIX = 'http://localhost:1337/';
+window.CANVAS_VISIBLE = false;
+loadAdvancedAlgosPlatform();
+
+    ">
+
+    <div id="root"></div>
+    <div id="canvasDiv"></div>
+
 </body>
 </html>

client/package-lock.json

@@ -122,9 +122,9 @@
       }
     },
     "@advancedalgos/users-client": {
-      "version": "0.0.8",
-      "resolved": "https://registry.npmjs.org/@advancedalgos/users-client/-/users-client-0.0.8.tgz",
-      "integrity": "sha512-k3rJNSel2/pMYFQlZ1AP+g7oK3AD+KrbU6id6NSQdoH6ZnqQQybwCJtOClLYFYRJR4TKVLxaaPs/WExw3s78wQ==",
+      "version": "0.0.9",
+      "resolved": "https://registry.npmjs.org/@advancedalgos/users-client/-/users-client-0.0.9.tgz",
+      "integrity": "sha512-xWXBpztvv5UeGvfy8KnTGhUTtSFZkfL8yL13Mm0BWE7ZeM/63T68HKysCROL8l3GCQueiCyV82PICb9nlO+/Eg==",
       "dev": true,
       "requires": {
         "@material-ui/core": "3.2.0",

client/package.json

@@ -23,7 +23,7 @@
   "devDependencies": {
     "@advancedalgos/key-vault-client": "^0.0.7",
     "@advancedalgos/teams-client": "^0.0.20",
-    "@advancedalgos/users-client": "^0.0.8",
+    "@advancedalgos/users-client": "^0.0.9",
     "@advancedalgos/web-components": "^0.0.10",
     "@babel/core": "^7.1.2",
     "autoprefixer": "^9.1.5",

client/src/views/home/index.js

@@ -1,12 +1,10 @@
-import React from 'react'
+import React, { Component } from 'react'
 import PropTypes from 'prop-types'
 
 import CssBaseline from '@material-ui/core/CssBaseline'
 import Typography from '@material-ui/core/Typography'
 import { withStyles } from '@material-ui/core/styles'
 
-import BackgroundImage from '../../assets/advanced-algos/evolution.jpg'
-
 const styles = theme => ({
   '@global': {
     body: {
@@ -14,7 +12,6 @@ const styles = theme => ({
     }
   },
   layout: {
-    backgroundImage: `url(${BackgroundImage})`,
     width: '100%',
     height: '100%'
   },
@@ -27,31 +24,23 @@ const styles = theme => ({
   }
 })
 
-const Home = ({ classes }) => (
-  <React.Fragment>
-    <CssBaseline />
-    <main className={classes.layout}>
-      <div className={classes.heroContent}>
-        <Typography
-          variant='h3'
-          align='center'
-          color='textPrimary'
-          gutterBottom
-        >
-          Collaborate. Innovate. Evolve.
-        </Typography>
-        <Typography
-          variant='h6'
-          align='center'
-          color='textSecondary'
-          component='h3'
-        >
-          Welcome to Advanced Algos
-        </Typography>
-      </div>
-    </main>
-  </React.Fragment>
-)
+class Home extends Component {
+
+  componentDidMount () {
+    window.CANVAS_VISIBLE = true
+  }
+
+  componentWillUnmount () {
+    window.CANVAS_VISIBLE = false
+  }
+
+  render () {
+    const { classes } = this.props
+    return (
+      <React.Fragment />
+    )
+  }
+}
 
 Home.propTypes = {
   classes: PropTypes.object.isRequired