From b5b830b650333cd527c411a2102881bd91321e5a Mon Sep 17 00:00:00 2001
From: jay-hodgson <jay.hodgson@sagebase.org>
Date: Wed, 25 Sep 2024 16:27:34 -0700
Subject: [PATCH] PORTALS-3242

---
 .../src/components/RegisterAccount2.tsx       | 27 ++++++++++++++++---
 1 file changed, 23 insertions(+), 4 deletions(-)

diff --git a/apps/SageAccountWeb/src/components/RegisterAccount2.tsx b/apps/SageAccountWeb/src/components/RegisterAccount2.tsx
index cc15f73a12..916b0c8b0d 100644
--- a/apps/SageAccountWeb/src/components/RegisterAccount2.tsx
+++ b/apps/SageAccountWeb/src/components/RegisterAccount2.tsx
@@ -2,7 +2,10 @@ import { Button, TextField, Typography } from '@mui/material'
 import { StyledFormControl } from './StyledComponents'
 import React, { useEffect, useState } from 'react'
 import { displayToast, SynapseClient } from 'synapse-react-client'
-import { AliasType } from '@sage-bionetworks/synapse-types'
+import {
+  AliasType,
+  EmailValidationSignedToken,
+} from '@sage-bionetworks/synapse-types'
 import { getSearchParam, hexDecodeAndDeserialize } from '../URLUtils'
 import { LeftRightPanel } from './LeftRightPanel'
 import { SourceAppLogo } from './SourceApp'
@@ -16,9 +19,9 @@ export const RegisterAccount2 = (props: RegisterAccount2Props) => {
   const [lastName, setLastName] = useState('')
   const [password1, setPassword1] = useState('')
   const [password2, setPassword2] = useState('')
-  const [emailValidationSignedToken, setEmailValidationSignedToken] = useState(
-    undefined as any,
-  )
+  const [emailValidationSignedToken, setEmailValidationSignedToken] = useState<
+    EmailValidationSignedToken | undefined
+  >(undefined)
 
   const emailValidationSignedTokenValue = getSearchParam(
     'emailValidationSignedToken',
@@ -95,6 +98,22 @@ export const RegisterAccount2 = (props: RegisterAccount2Props) => {
               <SourceAppLogo />
             </div>
             <div className="form-wrapper">
+              <StyledFormControl
+                fullWidth
+                required
+                variant="standard"
+                margin="normal"
+              >
+                <TextField
+                  fullWidth
+                  required
+                  label={'Email'}
+                  id="email"
+                  name="email"
+                  disabled
+                  value={emailValidationSignedToken?.email ?? ''}
+                />
+              </StyledFormControl>
               <StyledFormControl
                 fullWidth
                 required