Adds optional nameplate prop to ContentShare (#880)

* Adds optional nameplate prop to ContentShare * Adds docs + changelog changes * Changes name of ContentShare nameplate in docs, fixes changelog. --------- Co-authored-by: Trung Le <[email protected]>
aws · Mar 23, 2023 · 7457c5a · 7457c5a
1 parent 5927b25
commit 7457c5a
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -16,7 +16,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Removed
 
 ### Changed
-
+- Updated `ContentShare` to have optional nameplate prop.
 ### Fixed
 - Fix a bug where the `isVideoEnabled` is still true even when the video device is unplugged. 
 

diff --git a/src/components/sdk/ContentShare/ContentShare.stories.mdx b/src/components/sdk/ContentShare/ContentShare.stories.mdx
@@ -32,7 +32,7 @@ const App = () => {
 
   return (
     <MeetingProvider>
-      <ContentShare />
+      <ContentShare nameplate='Content share' />
       <button onClick={toggleContentShare}>Toggle content share</button>
     </MeetingProvider>
   );

diff --git a/src/components/sdk/ContentShare/index.tsx b/src/components/sdk/ContentShare/index.tsx
@@ -8,7 +8,9 @@ import { useContentShareState } from '../../../providers/ContentShareProvider';
 import { ContentTile } from '../../ui/ContentTile';
 import { BaseSdkProps } from '../Base';
 
-interface Props extends BaseSdkProps {}
+interface Props extends BaseSdkProps {
+  nameplate?: string;
+}
 
 export const ContentShare: React.FC<Props> = ({ className, ...rest }) => {
   const audioVideo = useAudioVideo();