diff --git a/packages/ui/src/elements/PublishButton/index.tsx b/packages/ui/src/elements/PublishButton/index.tsx index 233fc78469..e8b7e5095c 100644 --- a/packages/ui/src/elements/PublishButton/index.tsx +++ b/packages/ui/src/elements/PublishButton/index.tsx @@ -126,27 +126,30 @@ export const DefaultPublishButton: React.FC<{ label?: string }> = ({ label: labe disabled={!canPublish} onClick={publish} size="medium" - SubMenuPopupContent={({ close }) => + SubMenuPopupContent={ localization - ? localization.locales.map((locale) => { - const formattedLabel = - typeof locale.label === 'string' - ? locale.label - : locale.label && locale.label[i18n?.language] + ? ({ close }) => + localization.locales.map((locale) => { + const formattedLabel = + typeof locale.label === 'string' + ? locale.label + : locale.label && locale.label[i18n?.language] - const isActive = typeof locale === 'string' ? locale === code : locale.code === code + const isActive = typeof locale === 'string' ? locale === code : locale.code === code - if (isActive) { - return ( - - [publishSpecificLocale(locale.code), close()]}> - {t('version:publishIn', { locale: formattedLabel || locale.code })} - - - ) - } - }) - : null + if (isActive) { + return ( + + [publishSpecificLocale(locale.code), close()]} + > + {t('version:publishIn', { locale: formattedLabel || locale.code })} + + + ) + } + }) + : undefined } type="button" >