fix(clerk-js): Add descriptor for "Create Organization" logo box (#3596)

clerk · Jun 20, 2024 · 1273b04 · 1273b04
1 parent 31eb588
commit 1273b04
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 2 deletions.
diff --git a/.changeset/seven-feet-beam.md b/.changeset/seven-feet-beam.md
@@ -0,0 +1,6 @@
+---
+"@clerk/clerk-js": patch
+"@clerk/types": patch
+---
+
+Add `organizationAvatarUploaderContainer` descriptor which is used e.g. for the logo upload box inside "Create Organization" flow
diff --git a/...ages/clerk-js/src/ui/components/OrganizationProfile/OrganizationProfileAvatarUploader.tsx b/...ages/clerk-js/src/ui/components/OrganizationProfile/OrganizationProfileAvatarUploader.tsx
@@ -1,6 +1,6 @@
 import type { OrganizationResource } from '@clerk/types';
 
-import { Col, Text } from '../../customizables';
+import { Col, descriptors, Text } from '../../customizables';
 import type { AvatarUploaderProps } from '../../elements';
 import { AvatarUploader, OrganizationAvatar } from '../../elements';
 import { localizationKeys } from '../../localization';
@@ -11,7 +11,7 @@ export const OrganizationProfileAvatarUploader = (
   const { organization, ...rest } = props;
 
   return (
-    <Col>
+    <Col elementDescriptor={descriptors.organizationAvatarUploaderContainer}>
       <Text
         variant='subtitle'
         sx={t => ({

diff --git a/packages/clerk-js/src/ui/customizables/elementDescriptors.ts b/packages/clerk-js/src/ui/customizables/elementDescriptors.ts
@@ -166,6 +166,8 @@ export const APPEARANCE_KEYS = containsAllElementsConfigKeys([
   'organizationPreviewMainIdentifier',
   'organizationPreviewSecondaryIdentifier',
 
+  'organizationAvatarUploaderContainer',
+
   'membersPageInviteButton',
 
   'identityPreview',

diff --git a/packages/types/src/appearance.ts b/packages/types/src/appearance.ts
@@ -290,6 +290,8 @@ export type ElementsConfig = {
   organizationPreviewMainIdentifier: WithOptions<OrganizationPreviewId>;
   organizationPreviewSecondaryIdentifier: WithOptions<OrganizationPreviewId>;
 
+  organizationAvatarUploaderContainer: WithOptions;
+
   membersPageInviteButton: WithOptions;
 
   identityPreview: WithOptions;