diff --git a/.changeset/seven-feet-beam.md b/.changeset/seven-feet-beam.md new file mode 100644 index 00000000000..ea8bc129d5b --- /dev/null +++ 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/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationProfileAvatarUploader.tsx b/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationProfileAvatarUploader.tsx index 856396afaab..fdbc745dfa5 100644 --- a/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationProfileAvatarUploader.tsx +++ b/packages/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 ( - + ({ diff --git a/packages/clerk-js/src/ui/customizables/elementDescriptors.ts b/packages/clerk-js/src/ui/customizables/elementDescriptors.ts index 463aa036d10..cd979b3d740 100644 --- 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 index eb44d134c9f..c479de540ef 100644 --- a/packages/types/src/appearance.ts +++ b/packages/types/src/appearance.ts @@ -290,6 +290,8 @@ export type ElementsConfig = { organizationPreviewMainIdentifier: WithOptions; organizationPreviewSecondaryIdentifier: WithOptions; + organizationAvatarUploaderContainer: WithOptions; + membersPageInviteButton: WithOptions; identityPreview: WithOptions;