Show streamTitle in header if set. Closes #2720

web/components/ui/Content/Content.tsx

@@ -277,7 +277,6 @@ export const Content: FC = () => {
           {isMobile ? (
             <MobileContent
               name={name}
-              streamTitle={streamTitle}
               summary={summary}
               tags={tags}
               socialHandles={socialHandles}
@@ -298,7 +297,6 @@ export const Content: FC = () => {
           ) : (
             <DesktopContent
               name={name}
-              streamTitle={streamTitle}
               summary={summary}
               tags={tags}
               socialHandles={socialHandles}

web/components/ui/Content/DesktopContent.tsx

@@ -8,7 +8,6 @@ import { ContentHeader } from '../../common/ContentHeader/ContentHeader';
 
 export type DesktopContentProps = {
   name: string;
-  streamTitle: string;
   summary: string;
   tags: string[];
   socialHandles: SocialLink[];
@@ -35,7 +34,6 @@ const FollowerCollection = dynamic(
 
 export const DesktopContent: FC<DesktopContentProps> = ({
   name,
-  streamTitle,
   summary,
   tags,
   socialHandles,
@@ -65,7 +63,6 @@ export const DesktopContent: FC<DesktopContentProps> = ({
       <div className={styles.lowerHalf} id="skip-to-content">
         <ContentHeader
           name={name}
-          title={streamTitle}
           summary={summary}
           tags={tags}
           links={socialHandles}

web/components/ui/Content/MobileContent.tsx

@@ -12,7 +12,6 @@ import { ExternalAction } from '../../../interfaces/external-action';
 
 export type MobileContentProps = {
   name: string;
-  streamTitle: string;
   summary: string;
   tags: string[];
   socialHandles: SocialLink[];
@@ -56,7 +55,6 @@ const ChatContainer = dynamic(
 
 export const MobileContent: FC<MobileContentProps> = ({
   name,
-  streamTitle,
   summary,
   tags,
   socialHandles,
@@ -87,14 +85,7 @@ export const MobileContent: FC<MobileContentProps> = ({
 
   const aboutTabContent = (
     <>
-      <ContentHeader
-        name={name}
-        title={streamTitle}
-        summary={summary}
-        tags={tags}
-        links={socialHandles}
-        logo="/logo"
-      />
+      <ContentHeader name={name} summary={summary} tags={tags} links={socialHandles} logo="/logo" />
       <div className={styles.bottomPageContentContainer}>
         <CustomPageContent content={extraPageContent} />
       </div>

web/components/ui/Header/Header.tsx

@@ -22,12 +22,7 @@ export type HeaderComponentProps = {
   online: boolean;
 };
 
-export const Header: FC<HeaderComponentProps> = ({
-  name = 'Your stream title',
-  chatAvailable,
-  chatDisabled,
-  online,
-}) => (
+export const Header: FC<HeaderComponentProps> = ({ name, chatAvailable, chatDisabled, online }) => (
   <header className={cn([`${styles.header}`], 'global-header')}>
     {online ? (
       <Link href="#player" className={styles.skipLink}>