Fix #5300

Author: kkartunov

src/shared/components/Gigs/GigApply/index.jsx

@@ -48,23 +48,30 @@ export default function GigApply(props) {
                   <h2>{application.error ? 'OOPS!' : 'APPLICATION SUBMITTED'}</h2>
                   {
                     application.error ? (
-                      <p>Looks like there is a problem on our end. Please try again.<br />If this persists please contact <a href="mailto:[email protected]">[email protected]</a>.</p>
+                      <React.Fragment>
+                        <p styleName="error-text">{application.errorObj.message || JSON.stringify(application.errorObj)}</p>
+                        <p>Looks like there is a problem on our end. Please try again.<br />If this persists please contact <a href="mailto:[email protected]">[email protected]</a>.</p>
+                        <p>Please send us an email at <a href="mailto:[email protected]">[email protected]</a> with the subject ‘Gig Error’<br />and paste the URL for the gig you are attempting to apply for so that we know of your interest.</p>
+                      </React.Fragment>
                     ) : (
                       <p>We will contact you via email if it seems like a fit!</p>
                     )
                   }
                   <div styleName="cta-buttons">
                     {
                       application.error ? (
-                        <a
-                          href="#"
-                          styleName="primaryBtn"
-                          onClick={(e) => {
-                            e.preventDefault();
-                            window.location.reload();
-                          }}
-                        >APPLY AGAIN
-                        </a>
+                        <React.Fragment>
+                          <a
+                            href="#"
+                            styleName="primaryBtn"
+                            onClick={(e) => {
+                              e.preventDefault();
+                              window.location.reload();
+                            }}
+                          >APPLY AGAIN
+                          </a>
+                          <Link to={`${config.GIGS_PAGES_PATH}`}>VIEW OTHER GIGS</Link>
+                        </React.Fragment>
                       ) : (
                         <Link to={`${config.GIGS_PAGES_PATH}`} styleName="primaryBtn">GO TO GIG LIST</Link>
                       )

src/shared/components/Gigs/GigApply/style.scss

@@ -241,11 +241,16 @@
         text-decoration: none;
       }
     }
+
+    .error-text {
+      color: #ef476f;
+    }
   }
   /* stylelint-disable */
   .cta-buttons {
     display: flex;
     justify-content: center;
+    align-items: flex-start;
     margin-top: 47px;
 
     @include xs-to-sm {
@@ -271,6 +276,10 @@
       @include xs-to-sm {
         text-align: center;
       }
+
+      &:last-child {
+        margin-left: 20px;
+      }
     }
   }
   /* stylelint-enable */