From 396af3e00dcd1fdee89a1a44138a51f5ec8ab2b9 Mon Sep 17 00:00:00 2001
From: Laura Beatris <48022589+LauraBeatris@users.noreply.github.com>
Date: Tue, 8 Oct 2024 19:36:45 -0300
Subject: [PATCH 1/3] Replace small gear icon with a `Manage` label

---
 .../OrganizationSwitcherPopover.tsx             | 17 +----------------
 1 file changed, 1 insertion(+), 16 deletions(-)

diff --git a/packages/clerk-js/src/ui/components/OrganizationSwitcher/OrganizationSwitcherPopover.tsx b/packages/clerk-js/src/ui/components/OrganizationSwitcher/OrganizationSwitcherPopover.tsx
index 7edecbf80ee..523a35552d4 100644
--- a/packages/clerk-js/src/ui/components/OrganizationSwitcher/OrganizationSwitcherPopover.tsx
+++ b/packages/clerk-js/src/ui/components/OrganizationSwitcher/OrganizationSwitcherPopover.tsx
@@ -8,7 +8,6 @@ import { useEnvironment, useOrganizationSwitcherContext } from '../../contexts';
 import { descriptors, Flex, localizationKeys } from '../../customizables';
 import {
   Actions,
-  ExtraSmallAction,
   OrganizationPreview,
   PersonalWorkspacePreview,
   PopoverCard,
@@ -105,20 +104,6 @@ export const OrganizationSwitcherPopover = React.forwardRef<HTMLDivElement, Orga
       });
     };
 
-    const manageOrganizationSmallIconButton = (
-      <ExtraSmallAction
-        elementDescriptor={descriptors.organizationSwitcherPopoverActionButton}
-        elementId={descriptors.organizationSwitcherPopoverActionButton.setId('manageOrganization')}
-        iconBoxElementDescriptor={descriptors.organizationSwitcherPopoverActionButtonIconBox}
-        iconBoxElementId={descriptors.organizationSwitcherPopoverActionButtonIconBox.setId('manageOrganization')}
-        iconElementDescriptor={descriptors.organizationSwitcherPopoverActionButtonIcon}
-        iconElementId={descriptors.organizationSwitcherPopoverActionButtonIcon.setId('manageOrganization')}
-        icon={CogFilled}
-        onClick={() => handleItemClick()}
-        trailing={<NotificationCountBadgeManageButton />}
-      />
-    );
-
     const manageOrganizationButton = (
       <SmallAction
         elementDescriptor={descriptors.organizationSwitcherPopoverActionButton}
@@ -195,7 +180,7 @@ export const OrganizationSwitcherPopover = React.forwardRef<HTMLDivElement, Orga
               padding: `${t.space.$4} ${t.space.$5}`,
             })}
           />
-          <Actions role='menu'>{manageOrganizationSmallIconButton}</Actions>
+          <Actions role='menu'>{manageOrganizationButton}</Actions>
         </Flex>
       );
 

From 0a32365b79150b08761df995a22465f42ddf3ef1 Mon Sep 17 00:00:00 2001
From: Laura Beatris <48022589+LauraBeatris@users.noreply.github.com>
Date: Tue, 8 Oct 2024 19:49:33 -0300
Subject: [PATCH 2/3] Add changeset

---
 .changeset/lemon-terms-begin.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/lemon-terms-begin.md

diff --git a/.changeset/lemon-terms-begin.md b/.changeset/lemon-terms-begin.md
new file mode 100644
index 00000000000..c880d35d1df
--- /dev/null
+++ b/.changeset/lemon-terms-begin.md
@@ -0,0 +1,5 @@
+---
+"@clerk/clerk-js": patch
+---
+
+Replace `OrganizationSwitcher` popover small gear icon with labelled action

From 6835e97c113d7cf3e364f2a9ad840515cb488df8 Mon Sep 17 00:00:00 2001
From: Laura Beatris <48022589+LauraBeatris@users.noreply.github.com>
Date: Wed, 9 Oct 2024 10:16:04 -0300
Subject: [PATCH 3/3] Update changeset

---
 .changeset/lemon-terms-begin.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.changeset/lemon-terms-begin.md b/.changeset/lemon-terms-begin.md
index c880d35d1df..f15bf188171 100644
--- a/.changeset/lemon-terms-begin.md
+++ b/.changeset/lemon-terms-begin.md
@@ -2,4 +2,4 @@
 "@clerk/clerk-js": patch
 ---
 
-Replace `OrganizationSwitcher` popover small gear icon with labelled action
+Update `OrganizationSwitcher` popover action to include label