Revert "Revert "fix: hide livestream, chat SDK docs""

This reverts commit 525b893.
dyte-io · Jun 6, 2024 · 3c1d0b0 · 3c1d0b0
1 parent 525b893
commit 3c1d0b0
Show file tree

Hide file tree

Showing 15 changed files with 78 additions and 32 deletions.
diff --git a/docs/android-core/livestream/_category_.json b/docs/android-core/livestream/_category_.json
@@ -1,5 +1,6 @@
 {
   "position": 10,
   "label": "Livestream",
-  "collapsible": true
+  "collapsible": true,
+  "className": "hide_sidebar"
 }
diff --git a/docs/flutter-core/livestream.mdx b/docs/flutter-core/livestream.mdx
@@ -1,11 +1,20 @@
 ---
 title: Livestreaming
 sidebar_position: 7
+sidebar_class_name: hide_sidebar
 tags:
   - flutter-core
   - livestream
 ---
 
+:::danger
+
+Outdated documentation, contact support@dyte.io for more information.
+
+:::
+
+
+
 ## Introduction
 
 - Livestreaming is often used for events, such as concerts, conferences, and sports games, as well as for online classes, gaming, and social media platforms.

diff --git a/docs/guides/capabilities/_category_.json b/docs/guides/capabilities/_category_.json
@@ -2,5 +2,6 @@
   "position": 5,
   "label": "Capabilities",
   "collapsible": true,
+  "collapsed": false,
   "className": "releaseSidebarHeading"
 }
diff --git a/docs/guides/livestream/_category_.json b/docs/guides/livestream/_category_.json
@@ -2,5 +2,5 @@
   "position": 3,
   "label": "Interactive Livestream",
   "collapsible": true,
-  "className": "ils_sidebar_header"
+  "className": "hide_sidebar"
 }
diff --git a/docs/guides/livestream/build-livestream-app.mdx b/docs/guides/livestream/build-livestream-app.mdx
@@ -6,6 +6,12 @@ description: >-
   guide for effective app development and integration.
 ---
 
+:::danger
+
+Outdated documentation, contact support@dyte.io for more information.
+
+:::
+
 import IntegrateDyte from '/docs/partials/_integrate-dyte.mdx';
 import Admonition from '@theme/Admonition';
 

diff --git a/docs/guides/livestream/livestream-overview.mdx b/docs/guides/livestream/livestream-overview.mdx
@@ -6,6 +6,12 @@ description: >-
   comprehensive understanding of livestreaming features.
 ---
 
+:::danger
+
+Outdated documentation, contact support@dyte.io for more information.
+
+:::
+
 Livestreaming is the real-time broadcasting of video or audio content over the internet, enabling viewers to watch and interact with events as they happen. Dyte offers livestreaming services to facilitates one-to-many communication, where a single source streams the content to multiple viewers or participants. It enables the hosts and participants to engage and interact during the stream, creating an interactive live streaming (ILS) experience.
 
 <img

diff --git a/docs/guides/realtime-chat/_category_.json b/docs/guides/realtime-chat/_category_.json
@@ -2,5 +2,5 @@
   "position": 4,
   "label": "Realtime Chat",
   "collapsible": true,
-  "className": "chat_sidebar_header"
+  "className": "hide_sidebar"
 }
diff --git a/docs/guides/rest-apis/livestream-dyte-meeting.mdx b/docs/guides/rest-apis/livestream-dyte-meeting.mdx
@@ -1,11 +1,18 @@
 ---
 title: Live Stream APIs
 sidebar_position: 6
+sidebar_class_name: hide_sidebar
 description: >-
   Explore Dyte's REST APIs for livestreaming Dyte meetings. Follow our guide for
   effective integration and management of REST APIs.
 ---
 
+:::danger
+
+Outdated documentation, contact support@dyte.io for more information.
+
+:::
+
 This guide provides step-by-step instructions on starting and stopping livestreaming for your Dyte meetings using simple API calls.
 
 ## Prerequisites

diff --git a/docs/ios-core/livestreaming.mdx b/docs/ios-core/livestreaming.mdx
@@ -1,8 +1,15 @@
 ---
 title: Livestreaming
 sidebar_position: 10
+sidebar_class_name: hide_sidebar
 ---
 
+:::danger
+
+Outdated documentation, contact support@dyte.io for more information.
+
+:::
+
 - Livestreaming is often used for events, such as concerts, conferences, and sports games, as well as for online classes, gaming, and social media platforms.
 - Dyte uses LHLS to deliver low latency one way streams
 - The Interactive Livestream product delivers interactivity via chat, polls, reactions etc

diff --git a/docs/partials/_product-section.mdx b/docs/partials/_product-section.mdx
@@ -22,12 +22,12 @@ import {
     to="/guides/voice-conf/intro-voice-conf"
     description="Integrate reliable voice calling experiences into your product."
   />
-  <Card
+  {/* <Card
     title="Interactive Livestreaming"
     icon={<LiveRegular />}
     to="/guides/livestream/livestream-overview"
     description="Get started with interactive livestreaming and broadcast to a large audience"
-  />
+  /> */}
   {/* <Card
     title="Realtime Chat"
     icon={<ChatMultipleRegular />}

diff --git a/docs/react-web-core/livestreaming.mdx b/docs/react-web-core/livestreaming.mdx
@@ -1,8 +1,15 @@
 ---
 title: Livestreaming
 sidebar_position: 10
+sidebar_class_name: hide_sidebar
 ---
 
+:::danger
+
+Outdated documentation, contact support@dyte.io for more information.
+
+:::
+
 - Livestreaming is often used for events, such as concerts, conferences, and sports games, as well as for online classes, gaming, and social media platforms.
 - Dyte uses LHLS to deliver low latency one way streams
 - The Interactive Livestream product delivers interactivity via chat, polls, reactions etc

diff --git a/docs/rn-core/livestreaming.mdx b/docs/rn-core/livestreaming.mdx
@@ -1,8 +1,16 @@
 ---
 title: Livestreaming
 sidebar_position: 11
+sidebar_class_name: hide_sidebar
 ---
 
+
+:::danger
+
+Outdated documentation, contact support@dyte.io for more information.
+
+:::
+
 - Livestreaming is often used for events, such as concerts, conferences, and sports games, as well as for online classes, gaming, and social media platforms.
 - Dyte uses LHLS to deliver low latency one way streams
 - The Interactive Livestream product delivers interactivity via chat, polls, reactions etc

diff --git a/docs/web-core/livestreaming.mdx b/docs/web-core/livestreaming.mdx
@@ -1,8 +1,15 @@
 ---
 title: Livestreaming
 sidebar_position: 10
+sidebar_class_name: hide_sidebar
 ---
 
+:::danger
+
+Outdated documentation, contact support@dyte.io for more information.
+
+:::
+
 - Livestreaming is often used for events, such as concerts, conferences, and sports games, as well as for online classes, gaming, and social media platforms.
 - Dyte uses LHLS to deliver low latency one way streams
 - The Interactive Livestream product delivers interactivity via chat, polls, reactions etc

diff --git a/src/components/homepage/HeroSection.tsx b/src/components/homepage/HeroSection.tsx
@@ -1,8 +1,6 @@
 import React from 'react';
 import Link from '@docusaurus/Link';
 import {
-  ChatMultipleRegular,
-  LiveRegular,
   MicRegular,
   VideoRegular,
 } from '@fluentui/react-icons';
@@ -17,6 +15,7 @@ const PRODUCTS = [
     lightImage: '/static/landing-page/hero/video-graphic.png',
     darkImage: '/static/landing-page/hero/video-graphic-dark.png',
     text: 'Enable live video communication within your application. Perfect for education, telemedicine, social networks and gaming',
+    beta: false,
   },
   {
     title: 'Voice',
@@ -25,24 +24,7 @@ const PRODUCTS = [
     lightImage: '/static/landing-page/hero/voice-graphic.png',
     darkImage: '/static/landing-page/hero/voice-graphic-dark.png',
     text: 'Incorporate high-quality real-time audio into your application. Build voice calls, audio conferences, voice chats in games and more',
-  },
-  {
-    title: 'Interactive Live Streaming',
-    link: '/guides/livestream/livestream-overview',
-    icon: LiveRegular,
-    lightImage: '/static/landing-page/hero/livestream-graphic.png',
-    darkImage: '/static/landing-page/hero/livestream-graphic-dark.png',
-    text: 'Integrate highly scalable live video broadcasting capabilities into your app, ideal for apps that involve streaming webinars, sports or live events',
-  },
-  {
-    title: 'Chat',
-    beta: true,
-    link: '/guides/realtime-chat/intro-chat',
-    icon: ChatMultipleRegular,
-    lightImage: '/static/landing-page/hero/chat-graphic.png',
-    darkImage: '/static/landing-page/hero/chat-graphic-dark.png',
-    text: 'Add real-time chat functionalities to your application. Be it customer support, social networks or any other colloboration use case, we got you covered',
-  },
+  }
 ];
 
 function HeroProduct({
@@ -89,8 +71,8 @@ function HeroProduct({
 
 export default function HeroSection() {
   return (
-    <>
-      <section className="noise-bg no-underline-links px-4 pt-16 lg:py-0">
+    <div className='noise-bg'>
+      <section className="no-underline-links px-4 pt-16 lg:py-0">
         <div className="flex flex-col items-center justify-between py-14">
           <h2 className="mb-4 font-jakarta text-5xl font-bold">
             Build with Dyte
@@ -104,11 +86,11 @@ export default function HeroSection() {
         </div>
       </section>
 
-      <section className="mx-auto grid w-full max-w-5xl grid-cols-1 grid-rows-2 gap-6 px-4 md:grid-cols-2">
+      <section className="mx-auto grid w-full max-w-5xl grid-cols-1 grid-rows-1 gap-6 px-4 md:grid-cols-2 mb-32">
         {PRODUCTS.map((product) => (
           <HeroProduct {...product} key={product.title} />
         ))}
       </section>
-    </>
+    </div>
   );
 }
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -1161,12 +1161,12 @@ article ul {
   content: url('data:image/svg+xml,<svg class="sidebar-icon-header ___12fm75w_v8ls9a0 f1w7gpdv fez10in fg4l7m0" aria-hidden="true" width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M4.35 4.33a.48.48 0 0 1 .68.01c.2.2.19.54-.02.75a6.98 6.98 0 0 0 .15 9.97c.22.2.23.55.03.75a.48.48 0 0 1-.67.02 7.98 7.98 0 0 1-.17-11.5ZM15 5.1a.53.53 0 0 1-.02-.75c.19-.18.5-.2.68 0a7.98 7.98 0 0 1-.17 11.5.48.48 0 0 1-.67-.03.53.53 0 0 1 .03-.75 6.98 6.98 0 0 0 .15-9.97Zm-8.86 1a.46.46 0 0 1 .66.02c.2.2.19.55-.02.76a4.49 4.49 0 0 0 .14 6.4c.22.21.25.57.04.78a.46.46 0 0 1-.64.03 5.49 5.49 0 0 1-.18-7.99Zm7.1.78c-.2-.21-.23-.56-.02-.76.18-.19.48-.2.66-.02a5.48 5.48 0 0 1-.18 7.99.46.46 0 0 1-.64-.03c-.21-.21-.18-.57.04-.78a4.49 4.49 0 0 0 .14-6.4ZM10 8.75a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5Z" fill="currentColor"></path></svg>');
 }
 
-.chat_sidebar_header > div > a::before {
+.hide_sidebar > div > a::before {
   @apply mt-1 mr-2;
   content: url('data:image/svg+xml,<svg class="sidebar-icon-header ___12fm75w f1w7gpdv fez10in fg4l7m0" aria-hidden="true" width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M8.54 2a6.5 6.5 0 0 0-5.68 9.67l-.8 2.08a1 1 0 0 0 1.21 1.32l2.49-.7A6.5 6.5 0 1 0 8.54 2Zm-5.5 6.5a5.5 5.5 0 1 1 3 4.9l-.18-.09-2.86.8.97-2.53-.13-.21a5.47 5.47 0 0 1-.8-2.87ZM11.5 18a6.49 6.49 0 0 1-4.93-2.26 7.5 7.5 0 0 0 1.76.26 5.47 5.47 0 0 0 5.67.4l.18-.09 2.86.8-.97-2.53.13-.21a5.47 5.47 0 0 0-.16-5.98c-.01-.6-.1-1.2-.24-1.76a6.48 6.48 0 0 1 1.38 8.04l.8 2.08a1 1 0 0 1-1.21 1.32l-2.49-.7c-.84.4-1.79.63-2.78.63Z" fill="currentColor"></path></svg>');
 }
 
-html[data-theme='dark'] .chat_sidebar_header > div > a::before {
+html[data-theme='dark'] .hide_sidebar > div > a::before {
   content: url('data:image/svg+xml,<svg fill="red" class=" ___12fm75w f1w7gpdv fez10in fg4l7m0" aria-hidden="true" width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M8.54 2a6.5 6.5 0 0 0-5.68 9.67l-.8 2.08a1 1 0 0 0 1.21 1.32l2.49-.7A6.5 6.5 0 1 0 8.54 2Zm-5.5 6.5a5.5 5.5 0 1 1 3 4.9l-.18-.09-2.86.8.97-2.53-.13-.21a5.47 5.47 0 0 1-.8-2.87ZM11.5 18a6.49 6.49 0 0 1-4.93-2.26 7.5 7.5 0 0 0 1.76.26 5.47 5.47 0 0 0 5.67.4l.18-.09 2.86.8-.97-2.53.13-.21a5.47 5.47 0 0 0-.16-5.98c-.01-.6-.1-1.2-.24-1.76a6.48 6.48 0 0 1 1.38 8.04l.8 2.08a1 1 0 0 1-1.21 1.32l-2.49-.7c-.84.4-1.79.63-2.78.63Z" fill="white"></path></svg>');
 }
 
@@ -1327,7 +1327,7 @@ h2.anchor > code {
   opacity: 0.5;
 }
 
-.chat_sidebar_header {
+.hide_sidebar {
   display: none;
 }
 
@@ -1435,3 +1435,8 @@ h2.anchor > code, h3.anchor > code {
 .module-seperation {
   @apply border-t;
 }
+
+/* Hide livestream API */
+div > div[title="Live streams"] {
+  display: none;
+}