<Banner/>: Hide Dismiss button if onClose handler is not provided. (#31362)

* feat: Hide `Dismiss` button if `onClose` handler is not provided.

* tests: Update snapshots for `packages/shared-components`.

Author: kaylendog

packages/shared-components/playwright/snapshots/room-banner--without-close-linux.png

@@ -65,3 +65,9 @@ export const WithAvatarImage: Story = {
         avatar: <img alt="Example" src="https://picsum.photos/32/32" />,
     },
 };
+
+export const WithoutClose: Story = {
+    args: {
+        onClose: undefined,
+    },
+};

packages/shared-components/src/composer/Banner/Banner.stories.tsx

@@ -41,7 +41,7 @@ interface BannerProps {
     /**
      * Called when the user presses the "dismiss" button.
      */
-    onClose: MouseEventHandler<HTMLButtonElement>;
+    onClose?: MouseEventHandler<HTMLButtonElement>;
 }
 
 /**
@@ -82,9 +82,11 @@ export function Banner({
             <span className={styles.content}>{children}</span>
             <div className={styles.actions}>
                 {actions}
-                <Button kind="secondary" size="sm" onClick={onClose}>
-                    {_t("action|dismiss")}
-                </Button>
+                {onClose && (
+                    <Button kind="secondary" size="sm" onClick={onClose}>
+                        {_t("action|dismiss")}
+                    </Button>
+                )}
             </div>
         </div>
     );