Merge pull request #422 from topcoder-platform/PROD-2081_conf-msg

PROD-2081 add confirmation message to work intakes -> qa

Author: testflyjets

src/routes/ThankYou/index.jsx

@@ -3,9 +3,8 @@ import Button from "components/Button";
 import LoadingSpinner from "components/LoadingSpinner";
 import Page from "components/Page";
 import PageContent from "components/PageContent";
-import PageDivider from "components/PageDivider";
 import PageH2 from "components/PageElements/PageH2";
-import { BUTTON_SIZE, MAX_COMPLETED_STEP, webWorkTypes } from "constants/";
+import { BUTTON_SIZE, MAX_COMPLETED_STEP } from "constants/";
 import React, { useEffect, useState } from "react";
 import { useDispatch, connect } from "react-redux";
 import "./styles.module.scss";
@@ -41,11 +40,22 @@ const ThankYou = () => {
           <div styleName="container">
             <div styleName="content">
               <PageH2>THANK YOU</PageH2>
-              <p>
-                Your payment has been processed successfully. You will now be
-                taken to your work Dashboard where you can manage the work
-                you’ve submitted.
-              </p>
+          
+              <div styleName='content-container'>
+
+                <p>
+                  Your payment has been processed successfully.
+                </p>
+
+                <p>
+                  You can now go to the Dashboard to manage the work you've submitted.
+                </p>
+
+                <p>
+                  If your changes do not appear immediately, please reload the page.
+                </p>
+
+              </div>
 
               <div styleName="btn">
                 <Button size={BUTTON_SIZE.MEDIUM} onClick={onDone}>

src/routes/ThankYou/styles.module.scss

@@ -6,10 +6,16 @@
   text-align: center;
 
   .content {
-    max-width: 439px;
     color: $black;
     font-size: 16px;
     line-height: 26px;
+
+    .content-container {
+      
+      p {
+        padding: 24px;
+      }
+    }
   }
 
   .btn {