Merge pull request #2073 from GetStream/develop

v10.8.9
GetStream · Aug 11, 2023 · 325db89 · 325db89
2 parents 52f7d75 + eba171f
commit 325db89
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 3 deletions.
diff --git a/docusaurus/docs/React/assets/stream-video-graphic.jpg b/docusaurus/docs/React/assets/stream-video-graphic.jpg
diff --git a/docusaurus/docs/React/guides/3rd-party-video/video-integration-100ms.mdx b/docusaurus/docs/React/guides/3rd-party-video/video-integration-100ms.mdx
@@ -1,6 +1,6 @@
 ---
 id: video-integration-100ms
-sidebar_position: 23
+sidebar_position: 2
 title: 100ms Video Integration
 ---
 

diff --git a/docusaurus/docs/React/guides/3rd-party-video/video-integration-stream.mdx b/docusaurus/docs/React/guides/3rd-party-video/video-integration-stream.mdx
@@ -0,0 +1,17 @@
+---
+id: video-integration-stream
+sidebar_position: 1
+title: Video & Audio by Stream
+---
+
+import StreamVideoGraphic from '../../assets/stream-video-graphic.jpg'
+
+Stream now enables you to seamlessly integrate our [Video + Audio experience](https://getstream.io/video/) within your chat applications in days. The users can now enjoy a more enriched experience with the real-time video and audio communication in the familiar chat environment. This integration not only fosters stronger relationships but also empowers businesses to streamline collaboration and customer support, making it a pivotal feature in the next generation of communication applications.
+
+Try our [in-depth integration guide](https://getstream.io/video/docs/react/advanced/chat-with-video/) and have the Video and Audio experience in your app in no time.
+
+
+This guide is a part of our [Video and Audio experience documentation](https://getstream.io/video/docs/react/). The documentation is extensive and covers everything from core concepts (authentication, handling of media devices, permissions and lot more), the use of pre-built UI components to UI cookbook and app tutorials. Providing you with everything necessary to ensure a smooth and confident development journey.
+
+
+<img src={StreamVideoGraphic} alt="Stream Video & Audio Experience"/>
diff --git a/src/components/Loading/LoadingIndicator.tsx b/src/components/Loading/LoadingIndicator.tsx
@@ -12,7 +12,7 @@ const UnMemoizedLoadingIndicator = (props: LoadingIndicatorProps) => {
 
   return (
     <div
-      className={`str-chat__loading-indicator ${color}`}
+      className={`str-chat__loading-indicator`}
       data-testid='loading-indicator-wrapper'
       style={{ height: size, width: size }}
     >

diff --git a/src/components/Loading/__tests__/__snapshots__/LoadingIndicator.test.js.snap b/src/components/Loading/__tests__/__snapshots__/LoadingIndicator.test.js.snap
@@ -2,7 +2,7 @@
 
 exports[`LoadingIndicator should render with default props 1`] = `
 <div
-  className="str-chat__loading-indicator #006CFF"
+  className="str-chat__loading-indicator"
   data-testid="loading-indicator-wrapper"
   style={
     Object {