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/components/Guard/ModGuard.tsx

@@ -0,0 +1,27 @@
+import React, { Component } from "react";
+import { connect } from "react-redux";
+import { Redirect } from "react-router-dom";
+
+import { ServerSelectors } from "store";
+import { User } from "types";
+
+import { AuthenticationService } from "websocket";
+import { RouteEnum } from "types";
+
+class ModGuard extends Component<ModGuardProps> {
+  render() {
+    return !AuthenticationService.isModerator(this.props.user)
+      ? <Redirect from="*" to={RouteEnum.SERVER} />
+      : "";
+  }
+};
+
+interface ModGuardProps {
+  user: User;
+}
+
+const mapStateToProps = state => ({
+  user: ServerSelectors.getUser(state),
+});
+
+export default connect(mapStateToProps)(ModGuard);