From f4ad642399fd207909bb8733e431061b30e3cb7d Mon Sep 17 00:00:00 2001
From: Michael Foiani <sotech117@michaels-mbp-5.devices.brown.edu>
Date: Wed, 3 Aug 2022 13:59:21 -0400
Subject: basic interface for reporting bug

---
 src/client/util/ReportManager.tsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

(limited to 'src/client/util/ReportManager.tsx')

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>
         );
-- 
cgit v1.2.3-70-g09d2

