From 34b3074b28ca201d0a203a2f236f19a386a193b5 Mon Sep 17 00:00:00 2001
From: panteliselef <panteliselef@outlook.com>
Date: Thu, 14 Sep 2023 13:24:38 +0300
Subject: [PATCH 1/2] fix(clerk-js): Missing or broken breadcrumbs

---
 .../OrganizationProfile/ActionConfirmationPage.tsx     |  1 +
 .../OrganizationProfile/OrganizationProfileNavbar.tsx  |  1 +
 .../components/UserProfile/ConnectedAccountsPage.tsx   |  5 ++++-
 .../src/ui/components/UserProfile/EmailPage.tsx        | 10 ++++++++--
 4 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/packages/clerk-js/src/ui/components/OrganizationProfile/ActionConfirmationPage.tsx b/packages/clerk-js/src/ui/components/OrganizationProfile/ActionConfirmationPage.tsx
index 788c5d6efc0..3b1fde4c20d 100644
--- a/packages/clerk-js/src/ui/components/OrganizationProfile/ActionConfirmationPage.tsx
+++ b/packages/clerk-js/src/ui/components/OrganizationProfile/ActionConfirmationPage.tsx
@@ -131,6 +131,7 @@ const ActionConfirmationPage = withCardStateProvider((props: ActionConfirmationP
     <Wizard {...wizard.props}>
       <ContentPage
         headerTitle={title}
+        breadcrumbTitle={localizationKeys('organizationProfile.profilePage.dangerSection.title')}
         Breadcrumbs={OrganizationProfileBreadcrumbs}
       >
         <Form.Root onSubmit={handleSubmit}>
diff --git a/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationProfileNavbar.tsx b/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationProfileNavbar.tsx
index 0e2bfa189a9..9306a562e48 100644
--- a/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationProfileNavbar.tsx
+++ b/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationProfileNavbar.tsx
@@ -54,6 +54,7 @@ const pageToRootNavbarRouteMap = {
   domain: organizationProfileRoutes.find(r => r.id === 'settings'),
   profile: organizationProfileRoutes.find(r => r.id === 'settings'),
   leave: organizationProfileRoutes.find(r => r.id === 'settings'),
+  delete: organizationProfileRoutes.find(r => r.id === 'settings'),
 };
 
 export const OrganizationProfileBreadcrumbs = (props: Pick<PropsOfComponent<typeof Breadcrumbs>, 'title'>) => {
diff --git a/packages/clerk-js/src/ui/components/UserProfile/ConnectedAccountsPage.tsx b/packages/clerk-js/src/ui/components/UserProfile/ConnectedAccountsPage.tsx
index fef116e3785..4bb84bd82f9 100644
--- a/packages/clerk-js/src/ui/components/UserProfile/ConnectedAccountsPage.tsx
+++ b/packages/clerk-js/src/ui/components/UserProfile/ConnectedAccountsPage.tsx
@@ -85,7 +85,10 @@ const AddConnectedAccount = () => {
   };
 
   return (
-    <ContentPage headerTitle={localizationKeys('userProfile.connectedAccountPage.title')}>
+    <ContentPage
+      headerTitle={localizationKeys('userProfile.connectedAccountPage.title')}
+      Breadcrumbs={UserProfileBreadcrumbs}
+    >
       <Text
         localizationKey={
           unconnectedStrategies.length
diff --git a/packages/clerk-js/src/ui/components/UserProfile/EmailPage.tsx b/packages/clerk-js/src/ui/components/UserProfile/EmailPage.tsx
index 7a21e010ed1..b7fcf230e32 100644
--- a/packages/clerk-js/src/ui/components/UserProfile/EmailPage.tsx
+++ b/packages/clerk-js/src/ui/components/UserProfile/EmailPage.tsx
@@ -50,7 +50,10 @@ export const EmailPage = withCardStateProvider(() => {
 
   return (
     <Wizard {...wizard.props}>
-      <ContentPage headerTitle={title}>
+      <ContentPage
+        headerTitle={title}
+        Breadcrumbs={UserProfileBreadcrumbs}
+      >
         <Form.Root onSubmit={addEmail}>
           <Form.ControlRow elementId={emailField.id}>
             <Form.Control
@@ -71,7 +74,10 @@ export const EmailPage = withCardStateProvider(() => {
         </Form.Root>
       </ContentPage>
 
-      <ContentPage headerTitle={title}>
+      <ContentPage
+        headerTitle={title}
+        Breadcrumbs={UserProfileBreadcrumbs}
+      >
         {preferMagicLinks ? (
           <VerifyWithLink
             nextStep={wizard.nextStep}

From afb492667342e132695b5c340ae5209248c17637 Mon Sep 17 00:00:00 2001
From: panteliselef <panteliselef@outlook.com>
Date: Thu, 14 Sep 2023 13:41:04 +0300
Subject: [PATCH 2/2] chore(clerk-js): Add changeset

---
 .changeset/silly-numbers-sell.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/silly-numbers-sell.md

diff --git a/.changeset/silly-numbers-sell.md b/.changeset/silly-numbers-sell.md
new file mode 100644
index 00000000000..b88cca8a940
--- /dev/null
+++ b/.changeset/silly-numbers-sell.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Fix bug with missing or incorrect breadcrumbs in Organization and User profiles