chore(clerk-js): Display logo in <Waitlist /> component (#4561)

clerk · Nov 14, 2024 · 60d3f76 · 60d3f76
1 parent 5d6c300
commit 60d3f76
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/new-forks-flash.md b/.changeset/new-forks-flash.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Display logo in `<Waitlist />` component
diff --git a/packages/clerk-js/src/ui/components/Waitlist/WaitlistForm.tsx b/packages/clerk-js/src/ui/components/Waitlist/WaitlistForm.tsx
@@ -58,7 +58,7 @@ export const WaitlistForm = (props: WaitlistFormProps) => {
   return (
     <Wizard {...wizard.props}>
       <Col gap={6}>
-        <Header.Root>
+        <Header.Root showLogo>
           <Header.Title localizationKey={localizationKeys('waitlist.start.title')} />
           <Header.Subtitle localizationKey={localizationKeys('waitlist.start.subtitle')} />
         </Header.Root>
@@ -87,7 +87,7 @@ export const WaitlistForm = (props: WaitlistFormProps) => {
         </Flex>
       </Col>
       <Col gap={6}>
-        <Header.Root>
+        <Header.Root showLogo>
           <Header.Title localizationKey={localizationKeys('waitlist.success.title')} />
           <Header.Subtitle localizationKey={localizationKeys('waitlist.success.subtitle')} />
         </Header.Root>