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/CheckboxField/CheckboxField.tsx

@@ -0,0 +1,25 @@
+import React from "react";
+import Checkbox from "@material-ui/core/Checkbox";
+import FormControlLabel from "@material-ui/core/FormControlLabel";
+
+const CheckboxField = ({ input, label }) => {
+  const { value, onChange } = input;
+
+  // @TODO this isnt unchecking properly
+  return (
+    <FormControlLabel
+      className="checkbox-field"
+      label={label}
+      control={
+        <Checkbox
+          className="checkbox-field__box"
+          checked={!!value}
+          onChange={onChange}
+          color="primary"
+        />
+      }
+    />
+  );
+};
+
+export default CheckboxField;