Merge remote-tracking branch 'origin/RegisterWizard' into RegisterWizard

client/src/containers/Setup/SetupInitializingForm.js

@@ -1,6 +1,7 @@
 import React, { useEffect } from 'react';
 import { useQuery } from 'react-query';
 import { withWizard } from 'react-albus'
+import { ProgressBar, Intent } from '@blueprintjs/core';
 
 import withOrganizationActions from 'containers/Organization/withOrganizationActions';
 import withOrganization from 'containers/Organization/withOrganization'
@@ -29,7 +30,17 @@ function SetupInitializingForm({
 
   return (
     <div class="setup-initializing-form">
-      <h1>You organization is initializin...</h1>
+      <ProgressBar intent={Intent.PRIMARY} value={null} />
+      <div className={'setup-initializing-form__title'}>
+        <h1>
+          {/* You organization is initializin... */}
+          It's time to make your accounting really simple!
+        </h1>
+        <p className={'paragraph'}>
+          while we set up your account,please remember to verify your account by
+          clicking on the link we sent to yout registered email address
+        </p>
+      </div>
     </div>
   );
 }

client/src/style/pages/register-wizard-page.scss

@@ -1,6 +1,3 @@
-
-
-
 .setup-page {
   max-width: 1400px;
 
@@ -10,7 +7,7 @@
     width: 100%;
 
     &:before {
-      content: "";
+      content: '';
       display: block;
       width: 30%;
       height: 1px;
@@ -129,7 +126,6 @@
 }
 
 .setup-page-steps {
-
   &-container {
     width: 80%;
     margin: 0 auto;
@@ -245,3 +241,39 @@
     }
   }
 }
+
+// setup initializing form
+.setup-initializing-form {
+  width: 95%;
+  margin: 0 auto;
+  padding: 16% 0 0;
+
+  .bp3-progress-bar {
+    background: rgba(92, 112, 128, 0.2);
+    border-radius: 40px;
+    display: block;
+    height: 8px;
+    overflow: hidden;
+    position: relative;
+    width: 80%;
+    margin: 0 auto;
+  }
+
+  &__title {
+    text-align: center;
+    margin-top: 35px;
+    h1 {
+      font-size: 24px;
+      font-weight: 700;
+      color: #000;
+      // color: #6d6d6d;
+    }
+
+    .paragraph {
+      font-size: 15px;
+      line-height: 1.5;
+      padding: 0 20%;
+    }
+    
+  }
+}