diff --git a/src-ts/lib/payment-form/PaymentForm.tsx b/src-ts/lib/payment-form/PaymentForm.tsx index 840852e59..ef41c4fe5 100644 --- a/src-ts/lib/payment-form/PaymentForm.tsx +++ b/src-ts/lib/payment-form/PaymentForm.tsx @@ -5,9 +5,9 @@ import { } from '@stripe/react-stripe-js' import { StripeCardCvcElementChangeEvent, StripeCardExpiryElementChangeEvent, StripeCardNumberElementChangeEvent } from '@stripe/stripe-js' import cn from 'classnames' -import React, { Dispatch, SetStateAction, useState } from 'react' +import React, { Dispatch, SetStateAction, useContext, useState } from 'react' -import { Button, OrderContractModal } from '..' +import { Button, OrderContractModal, profileContext, ProfileContextData } from '..' import { InputText } from '../form/form-groups/form-input' import { InputWrapper } from '../form/form-groups/form-input/input-wrapper' import ReactSelect from '../react-select/ReactSelect' @@ -52,6 +52,7 @@ const PaymentForm: React.FC = (props: PaymentFormProps) => { const [cardNumberError, setCardNumberError]: [string, Dispatch] = useState('') const [cardExpiryError, setCardExpiryError]: [string, Dispatch] = useState('') const [cardCVVError, setCardCVVError]: [string, Dispatch] = useState('') + const { profile }: ProfileContextData = useContext(profileContext) const [formState, setFormState]: [FieldDirtyState, Dispatch>] = useState({ cardCvv: false, @@ -100,7 +101,7 @@ const PaymentForm: React.FC = (props: PaymentFormProps) => { tabIndex={1} type='text' onChange={(event) => props.onUpdateField('email', event.target.value)} - value={props.formData.email} + value={profile?.email} />
Card Information
@@ -174,7 +175,7 @@ const PaymentForm: React.FC = (props: PaymentFormProps) => { tabIndex={1} type='text' onChange={(event) => props.onUpdateField('name', event.target.value)} - value={props.formData.name} + value={`${profile?.firstName} ${profile?.lastName}`} /> diff --git a/src-ts/tools/work/work-self-service/intake-forms/review/Review.tsx b/src-ts/tools/work/work-self-service/intake-forms/review/Review.tsx index e87e9e474..1182a95c3 100644 --- a/src-ts/tools/work/work-self-service/intake-forms/review/Review.tsx +++ b/src-ts/tools/work/work-self-service/intake-forms/review/Review.tsx @@ -74,8 +74,11 @@ const Review: React.FC = () => { const intakeFormBH: any = response.metadata.find((item: ChallengeMetadata) => item.name === ChallengeMetadataName.intakeForm) const form: any = JSON.parse(intakeFormBH.value).form setFormData(JSON.parse(intakeFormBH.value).form) + const { profile: userProfile }: ProfileContextData = useContext(profileContext) setFormValues({ ...formFieldValues, + email: userProfile?.email || '', + name: `${userProfile?.firstName} ${userProfile?.lastName}`, price: `$${getPrice(form.basicInfo.packageType)}`, }) } @@ -228,6 +231,8 @@ const Review: React.FC = () => { navigate(redirectUrl) } + // console.log(formFieldValues, profile) + return (
{ @@ -267,19 +272,23 @@ const Review: React.FC = () => { }
-
-
-

{formFieldValues.price}

-
Total Payment
-
- -
+ { + profile && ( +
+
+

{formFieldValues.price}

+
Total Payment
+
+ +
+ ) + } { isMobile && (