Structure change (#4220)

* Structure change

* Remove duplicate folders from previous structure

* Cleanup websocket protocol

* Updating from based off PR

* Fixup - remove wrong files during conflict and get the websocket working

* renaming tsx to ts

Co-authored-by: Jeremy Letto <jeremy.letto@datasite.com>

webclient/src/containers/App/AppShell.css

@@ -0,0 +1,10 @@
+.AppShell,
+.AppShell-routes {
+  height: 100%;
+}
+
+.AppShell {
+  display: flex;
+  flex-direction: column;
+   min-width: 768px;
+}

webclient/src/containers/App/AppShell.tsx

@@ -0,0 +1,37 @@
+// eslint-disable-next-line
+import React, { Component } from "react";
+import { Provider } from "react-redux";
+import { MemoryRouter as Router } from "react-router-dom";
+import CssBaseline from "@material-ui/core/CssBaseline";
+import { store } from "store";
+import { Header } from 'components';
+import Routes from "./AppShellRoutes";
+
+import "./AppShell.css";
+
+class AppShell extends Component {
+  componentDidMount() {
+    // @TODO (1)
+    window.onbeforeunload = () => true;
+  }
+
+  handleContextMenu(event) {
+    event.preventDefault();
+  }
+
+  render() {
+    return (
+      <Provider store={store}>
+        <CssBaseline />
+        <div className="AppShell" onContextMenu={this.handleContextMenu}>
+          <Router>
+            <Header />
+            <Routes />
+          </Router>
+        </div>
+      </Provider>
+    );
+  }
+}
+
+export default AppShell;

webclient/src/containers/App/AppShellRoutes.tsx

@@ -0,0 +1,29 @@
+  import React from "react";
+import { Redirect, Route, Switch } from "react-router-dom";
+
+import { RouteEnum } from "types";
+import { Account } from "containers";
+import { 
+  Decks, 
+  Game, 
+  Player, 
+  Room, 
+  Server, 
+  Logs } from "components";
+
+const Routes = () => (
+  <div className="AppShell-routes overflow-scroll">
+    <Switch>
+      <Route path={RouteEnum.ACCOUNT} render={() => <Account />} />
+      <Route path={RouteEnum.DECKS} render={() => <Decks />} />
+      <Route path={RouteEnum.GAME} render={() => <Game />} />
+      <Route path={RouteEnum.LOGS} render={() => <Logs />} />
+      <Route path={RouteEnum.PLAYER} render={() => <Player />} />
+      {<Route path={RouteEnum.ROOM} render={() => <Room />} />}
+      <Route path={RouteEnum.SERVER} render={() => <Server />} />
+      <Redirect from="/" to={RouteEnum.SERVER} />
+    </Switch>
+  </div>
+);
+
+export default Routes;