chore(ui): Add identifier to email_link verification step (#3722)

Co-authored-by: Nikos Douvlis <[email protected]> Co-authored-by: Joe Bell <[email protected]>
clerk · Jul 16, 2024 · 0ef6dda · 0ef6dda
1 parent dce5a2e
commit 0ef6dda
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git a/.changeset/neat-humans-reflect.md b/.changeset/neat-humans-reflect.md
@@ -0,0 +1,2 @@
+---
+---
diff --git a/packages/ui/src/components/sign-up/sign-up.tsx b/packages/ui/src/components/sign-up/sign-up.tsx
@@ -312,6 +312,23 @@ function SignUpComponentLoaded() {
                           applicationName,
                         })}
                       </Card.Description>
+                      <Card.Description>
+                        <span className='flex items-center justify-center gap-2'>
+                          <SignUpIdentifier emailAddress />
+                          <SignUp.Action
+                            navigate='start'
+                            asChild
+                          >
+                            <button
+                              type='button'
+                              className='focus-visible:ring-default size-4 rounded-sm outline-none focus-visible:ring-2'
+                              aria-label='Start again'
+                            >
+                              <Icon.PencilUnderlined />
+                            </button>
+                          </SignUp.Action>
+                        </span>
+                      </Card.Description>
                     </Card.Header>
                     <Card.Body>
                       <Common.GlobalError>