storybook (#5598)

Azure · Jan 30, 2025 · 2a16f41 · 2a16f41
1 parent 9f8eff9
commit 2a16f41
Showing 1 changed file with 6 additions and 7 deletions.
diff --git a/packages/storybook8/stories/Components/CaptionsBanner/snippets/CaptionsBanner.snippet.tsx b/packages/storybook8/stories/Components/CaptionsBanner/snippets/CaptionsBanner.snippet.tsx
@@ -5,12 +5,11 @@ import { CaptionsBanner, usePropsFor } from '@azure/communication-react';
 import React from 'react';
 
 export const CaptionsBannerStory = (): JSX.Element => {
+  /**
+   * This is a snippet for the CaptionsBanner component.
+   * For this snippet we set the isCaptionsOn and isRealTimeTextOn to true so the captions banner will be visible at all times with both functionalities enabled.
+   * Without setting the isCaptionsOn and isRealTimeTextOn to true, the captions banner will not be visible until start Captions is called or a first real time text message is received.
+   */
   const captionsBannerProps = usePropsFor(CaptionsBanner);
-  return (
-    <>
-      {(captionsBannerProps?.isCaptionsOn || captionsBannerProps?.isRealTimeTextOn) && (
-        <CaptionsBanner {...captionsBannerProps} />
-      )}
-    </>
-  );
+  return <CaptionsBanner {...captionsBannerProps} isCaptionsOn={true} isRealTimeTextOn={true} />;
 };