From 49ed32c13838da5461c5e0a995e118ea36394950 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Wed, 23 Feb 2022 14:33:51 +0100
Subject: [PATCH] fix(ui) - offline to live link

---
 frontend/app/components/Session_/PlayerBlockHeader.js | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/frontend/app/components/Session_/PlayerBlockHeader.js b/frontend/app/components/Session_/PlayerBlockHeader.js
index 6e274d4b1..e0883cc59 100644
--- a/frontend/app/components/Session_/PlayerBlockHeader.js
+++ b/frontend/app/components/Session_/PlayerBlockHeader.js
@@ -2,8 +2,8 @@ import { connect } from 'react-redux';
 import { withRouter } from 'react-router-dom';
 import { browserIcon, osIcon, deviceTypeIcon } from 'App/iconNames';
 import { formatTimeOrDate } from 'App/date';
-import { sessions as sessionsRoute, assist as assistRoute, withSiteId } from 'App/routes';
-import { Icon, CountryFlag, IconButton, BackLink, Popup } from 'UI';
+import { sessions as sessionsRoute, assist as assistRoute, liveSession as liveSessionRoute, withSiteId } from 'App/routes';
+import { Icon, CountryFlag, IconButton, BackLink, Popup, Link } from 'UI';
 import { toggleFavorite, setSessionPath } from 'Duck/sessions';
 import cn from 'classnames';
 import { connectPlayer } from 'Player';
@@ -107,6 +107,7 @@ export default class PlayerBlockHeader extends React.PureComponent {
       sessionPath,
       metaList,
       closedLive = false,
+      siteId,
     } = this.props;
     const _live = live && !hasSessionsPath;
 
@@ -126,8 +127,10 @@ export default class PlayerBlockHeader extends React.PureComponent {
           <div className={cn("ml-auto flex items-center", { 'hidden' : closedLive })}>
             { live && hasSessionsPath && (
               <>
-                <div className={stl.liveSwitchButton} onClick={() => this.props.setSessionPath('')}>
-                  This Session is Now Continuing Live
+                <div className={stl.liveSwitchButton}>
+                  <Link to={withSiteId(liveSessionRoute(sessionId), siteId)}>
+                      This Session is Now Continuing Live
+                  </Link>
                 </div>
                 <div className={ stl.divider } />
               </>