basic interface for reporting bug

1 files changed, 13 insertions, 1 deletions

diff --git a/src/client/util/ReportManager.tsx b/src/client/util/ReportManager.tsx
index 49453ae67..b156d7981 100644
--- a/src/client/util/ReportManager.tsx
+++ b/src/client/util/ReportManager.tsx
@@ -33,6 +33,13 @@ export class ReportManager extends React.Component<{}> {
     public close = action(() => (this.isOpen = false));
     public open = action(() => (this.isOpen = true));
 
+    private bugTitle = '';
+    private bugDescription = '';
+
+    public reportBug() {
+        console.log('Reporting bug', this.bugTitle, this.bugDescription);
+    }
+
     private get reportInterface() {
 
         return (
@@ -42,7 +49,12 @@ export class ReportManager extends React.Component<{}> {
                 </div>
 
                 <div className="settings-content">
-                    content
+                    <h3 style={{ 'textDecoration': 'underline'}}>Report a Bug</h3>
+                    <label>Please leave a title for the bug.</label><br />
+                    <input type="text" placeholder='title' onChange={(e) => this.bugTitle = e.target.value}/> <br />
+                    <label>Please leave a description for the bug and how it can be reacreated.</label>
+                    <textarea placeholder='description' onChange={(e) => this.bugDescription = e.target.value}/> <br /><br />
+                    <button onClick={() => this.reportBug()}>Submit</button>
                 </div>
             </div>
         );