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/SelectField/SelectField.css

@@ -0,0 +1,4 @@
+.select-field label {
+  background: white;
+  padding: 0 5px;
+}

webclient/src/components/SelectField/SelectField.tsx

@@ -0,0 +1,30 @@
+import React from "react";
+import FormControl from "@material-ui/core/FormControl";
+import InputLabel from "@material-ui/core/InputLabel";
+import MenuItem from "@material-ui/core/MenuItem";
+import Select from "@material-ui/core/Select";
+
+import './SelectField.css';
+
+const SelectField = ({ input, label, options, value }) => {
+  const id = label + "-select-field";
+  const labelId = id + "-label";
+
+  return (
+    <FormControl variant="outlined" margin="dense" className="select-field">
+      <InputLabel id={labelId}>{label}</InputLabel>
+      <Select
+        labelId={labelId}
+        id={id}
+        value={value}
+        { ...input }
+      >{
+        options.map((option, index) => (
+          <MenuItem value={index} key={index}> { option } </MenuItem>
+        ))
+      }</Select>
+    </FormControl>
+  );
+};
+
+export default SelectField;