diff --git a/packages/shared-components/playwright/snapshots/room-banner--without-close-linux.png b/packages/shared-components/playwright/snapshots/room-banner--without-close-linux.png new file mode 100644 index 00000000000..9645bd1d8ab Binary files /dev/null and b/packages/shared-components/playwright/snapshots/room-banner--without-close-linux.png differ diff --git a/packages/shared-components/src/composer/Banner/Banner.stories.tsx b/packages/shared-components/src/composer/Banner/Banner.stories.tsx index b813eeb3984..53d3941621a 100644 --- a/packages/shared-components/src/composer/Banner/Banner.stories.tsx +++ b/packages/shared-components/src/composer/Banner/Banner.stories.tsx @@ -65,3 +65,9 @@ export const WithAvatarImage: Story = { avatar: , }, }; + +export const WithoutClose: Story = { + args: { + onClose: undefined, + }, +}; diff --git a/packages/shared-components/src/composer/Banner/Banner.tsx b/packages/shared-components/src/composer/Banner/Banner.tsx index a1622dd1dc4..392b2a26104 100644 --- a/packages/shared-components/src/composer/Banner/Banner.tsx +++ b/packages/shared-components/src/composer/Banner/Banner.tsx @@ -41,7 +41,7 @@ interface BannerProps { /** * Called when the user presses the "dismiss" button. */ - onClose: MouseEventHandler; + onClose?: MouseEventHandler; } /** @@ -82,9 +82,11 @@ export function Banner({ {children} {actions} - - {_t("action|dismiss")} - + {onClose && ( + + {_t("action|dismiss")} + + )} );