From e17353ed5716c9f87c7720fa407c91035c12c772 Mon Sep 17 00:00:00 2001
From: Jason Sylvestre <jsylvestre@ucdavis.edu>
Date: Thu, 5 Sep 2019 13:44:44 -0700
Subject: [PATCH] Hack to show a message if the submit fails

---
 src/CaesHelp/ClientApp/components/Ticket.tsx | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/CaesHelp/ClientApp/components/Ticket.tsx b/src/CaesHelp/ClientApp/components/Ticket.tsx
index 6a810a4..0acb400 100644
--- a/src/CaesHelp/ClientApp/components/Ticket.tsx
+++ b/src/CaesHelp/ClientApp/components/Ticket.tsx
@@ -304,7 +304,7 @@ export default class Ticket extends React.Component<ITicketProps, ITicketState>
         }
         return (
             <div>
-              <hr/>
+                <hr/>
                 {this.state.supportDepartment === "Computer Support" &&
                     <div>
                         <div className="form-group">
@@ -363,11 +363,11 @@ export default class Ticket extends React.Component<ITicketProps, ITicketState>
                 }
                 <div className="form-group">
                     <label className="control-label">Should anyone else know?</label>
-                    <InputArray name="carbonCopies" placeholder="some@email.com" addButtonName="Add Email" inputs={this.state.emailInputs} handleAddInput={this.handleAddEmailInput} handleRemoveInput={this.handleRemoveEmailInput} handleChange={this.handleEmailChange} />
+                    <InputArray name="carbonCopies" placeholder="some@email.com" addButtonName="Add Email" inputs={this.state.emailInputs} handleAddInput={this.handleAddEmailInput} handleRemoveInput={this.handleRemoveEmailInput} handleChange={this.handleEmailChange}/>
                 </div>
 
 
-                <div className="form-group" >
+                <div className="form-group">
                     <label className="control-label">Attachment</label>
                     <Dropzone onDrop={acceptedFiles => this.handleFileUpload(acceptedFiles)}>
                         {({ getRootProps, getInputProps }) => (
@@ -397,7 +397,7 @@ export default class Ticket extends React.Component<ITicketProps, ITicketState>
                 </div>
                 <div className="form-group">
                     <label className="control-label">Subject</label>
-                    <input required={true} type="text" name="subject" className="form-control" value={this.state.subject} onChange={this.handleInputChange} />
+                    <input required={true} type="text" name="subject" className="form-control" value={this.state.subject} onChange={this.handleInputChange}/>
                 </div>
                 <div className="form-group">
                     <label className="control-label">Message</label>
@@ -406,8 +406,15 @@ export default class Ticket extends React.Component<ITicketProps, ITicketState>
 
                 {this.state.showErrors && !this.state.validState && <ErrorList errorArray={this.state.errorArray} />}
                 <div className="form-group">
-                    <input disabled={(this.state.showErrors && !this.state.validState) || this.state.submitting} type="submit" name="Submit" className="form-control btn-primary" />
-                    {this.state.submitting && <div className="text-center"><i className="fas fa-sync fa-spin"></i> Submitting... Please wait. If you have uploaded an attachment, this may take a minute.</div>}
+                    <input disabled={(this.state.showErrors && !this.state.validState) || this.state.submitting} type="submit" name="Submit" className="form-control btn-primary"/>
+                    {
+                        this.state.submitting &&
+                        <div className="text-center">
+                            <i className="fas fa-sync fa-spin"></i> Submitting... Please wait. If you have uploaded an attachment, this may take a minute.
+                            <div>If this gets stuck here, consider emailing directly: <a href="\Error" target="_blank" className="btn btn-info">Info</a></div>
+                            
+                        </div>
+                    }
                 </div>
             </div>
         );