[Storybook] Split button doc (#4515)

* remove beta banners * Change files * fix lint * fix lint
Azure · May 1, 2024 · 3cd7d35 · 3cd7d35
1 parent f2a89eb
commit 3cd7d35
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/change/@azure-communication-react-5e86ae5b-6832-4e90-ad70-0d8f6d1a23a2.json b/change/@azure-communication-react-5e86ae5b-6832-4e90-ad70-0d8f6d1a23a2.json
@@ -0,0 +1,9 @@
+{
+  "type": "none",
+  "area": "fix",
+  "workstream": "Storybook",
+  "comment": "Remove beta banners for device split buttons",
+  "packageName": "@azure/communication-react",
+  "email": "dmceachern@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/packages/storybook/stories/ControlBar/Buttons/Camera/Camera.stories.tsx b/packages/storybook/stories/ControlBar/Buttons/Camera/Camera.stories.tsx
@@ -6,7 +6,6 @@ import { Canvas, Description, Heading, Props, Source, Title } from '@storybook/a
 import { Meta } from '@storybook/react/types-6-0';
 import React, { useState } from 'react';
 
-import { SingleLineBetaBanner } from '../../../BetaBanners/SingleLineBetaBanner';
 import { COMPONENT_FOLDER_PREFIX } from '../../../constants';
 import { controlsToAdd, defaultControlsCameras, hiddenControl } from '../../../controlsUtils';
 import { CustomCameraButtonExample } from './snippets/Custom.snippet';
@@ -57,7 +56,6 @@ const getDocs: () => JSX.Element = () => {
       </Canvas>
 
       <Heading>Camera with device selection menu</Heading>
-      <SingleLineBetaBanner />
       <Description>
         `CameraButton` can be optionally rendered as a split button. The secondary button in this mode opens a menu
         where users can select the camera to use. To render `CameraButton` in this mode, set the

diff --git a/packages/storybook/stories/ControlBar/Buttons/Microphone/Microphone.stories.tsx b/packages/storybook/stories/ControlBar/Buttons/Microphone/Microphone.stories.tsx
@@ -6,7 +6,6 @@ import { Canvas, Description, Heading, Props, Source, Title } from '@storybook/a
 import { Meta } from '@storybook/react/types-6-0';
 import React, { useState } from 'react';
 
-import { SingleLineBetaBanner } from '../../../BetaBanners/SingleLineBetaBanner';
 import { COMPONENT_FOLDER_PREFIX } from '../../../constants';
 import {
   controlsToAdd,
@@ -62,7 +61,6 @@ const getDocs: () => JSX.Element = () => {
       </Canvas>
 
       <Heading>Microphone with device selection menu</Heading>
-      <SingleLineBetaBanner />
       <Description>
         `MicrophoneButton` can be optionally rendered as a split button. The secondary button in this mode opens a menu
         where users can select the audio devices to use. To render `MicrophoneButton` in this mode, set the