1 files changed, 43 insertions, 0 deletions
diff --git a/src/client/util/GroupManager.tsx b/src/client/util/GroupManager.tsx
new file mode 100644
index 000000000..d9a20e1a7
--- /dev/null
+++ b/src/client/util/GroupManager.tsx
@@ -0,0 +1,43 @@
+import React from "react";
+import { observable, action } from "mobx";
+import { SelectionManager } from "./SelectionManager";
+import MainViewModal from "../views/MainViewModal";
+
+
+export default class GroupManager extends React.Component<{}>{
+
+    static Instance: GroupManager;
+    @observable private isOpen: boolean = false; // whether the menu is open or not
+    @observable private dialogueBoxOpacity = 1;
+    @observable private overlayOpacity = 0.4;
+
+    constructor(props: Readonly<{}>) {
+        super(props);
+        GroupManager.Instance = this;
+    }
+
+
+    open = action(() => {
+        SelectionManager.DeselectAll();
+        this.isOpen = true;
+    });
+
+    close = action(() => {
+        this.isOpen = false;
+    });
+
+    private get groupInterface() {
+        return <div>TESTING</div>;
+    }
+
+    render() {
+        return <MainViewModal
+            contents={this.groupInterface}
+            isDisplayed={this.isOpen}
+            interactive={true}
+            dialogueBoxDisplayedOpacity={this.dialogueBoxOpacity}
+            overlayDisplayedOpacity={this.overlayOpacity}
+        />;
+    }
+
+}
+\ No newline at end of file