Merge pull request #1276 from cfpb/email-receipt

Add email line to receipt

src/actions/receiveSignature.js

@@ -4,6 +4,7 @@ export default function receiveSignature(data) {
   return {
     type: types.RECEIVE_SIGNATURE,
     timestamp: data.timestamp,
-    receipt: data.receipt
+    receipt: data.receipt,
+    email: data.email
   }
 }

src/actions/receiveSignaturePost.js

@@ -4,6 +4,7 @@ export default function receiveSignaturePost(data) {
   return {
     type: types.RECEIVE_SIGNATURE_POST,
     timestamp: data.timestamp,
-    receipt: data.receipt
+    receipt: data.receipt,
+    email: data.email
   }
 }

src/common/Alert.css

@@ -66,6 +66,7 @@
   font-family: SourceSansPro;
   margin-bottom: 0;
   margin-top: 0;
+  line-height: 1.4em;
 }
 
 .alert-text:only-child {

src/reducers/signature.js

@@ -28,6 +28,7 @@ export default (state = defaultSignature, action) => {
         isFetching: false,
         timestamp: action.timestamp,
         receipt: action.receipt,
+        email: action.email,
         checked: action.timestamp !== 0
       }
 
@@ -42,7 +43,8 @@ export default (state = defaultSignature, action) => {
         ...state,
         isFetching: false,
         timestamp: action.timestamp,
-        receipt: action.receipt
+        receipt: action.receipt,
+        email: action.email
       }
 
     case CHECK_SIGNATURE:

src/submission/Receipt.jsx

@@ -24,6 +24,9 @@ const Receipt = ({
           <strong>{ordinalHour(new Date(timestamp))}</strong>.
           <br />
           Your receipt number for this submission is <strong>{receipt}</strong>.
+          <br />
+          <br />
+          A copy of this receipt has been sent to <strong>{email}</strong>.
         </div>
       </Alert>
     </section>

src/submission/ReceiptContainer.jsx

@@ -2,19 +2,18 @@ import { connect } from 'react-redux'
 import Receipt from './Receipt.jsx'
 
 export function mapStateToProps(state) {
-  const { timestamp, receipt } = state.app.signature
+  const { timestamp, receipt, email } = state.app.signature
 
   const { status } = state.app.submission
-  // const { email } = state.app.user.oidc.profile
 
   const { filingPeriod } = state.app
 
   return {
     timestamp,
     receipt,
     status,
-    filingPeriod
-    // email
+    filingPeriod,
+    email
   }
 }