diff --git a/frontend/app/components/Assist/components/SessionList/SessionList.tsx b/frontend/app/components/Assist/components/SessionList/SessionList.tsx
index f556a8f1d..956226385 100644
--- a/frontend/app/components/Assist/components/SessionList/SessionList.tsx
+++ b/frontend/app/components/Assist/components/SessionList/SessionList.tsx
@@ -1,7 +1,7 @@
import React, { useEffect } from 'react';
import { connect } from 'react-redux';
import { fetchLiveList } from 'Duck/sessions';
-import { Loader, NoContent } from 'UI';
+import { Loader, NoContent, Label } from 'UI';
import SessionItem from 'Shared/SessionItem';
interface Props {
@@ -22,7 +22,15 @@ function SessionList(props: Props) {
title="No live sessions."
>
- { props.list.map(session =>
) }
+ { props.list.map(session => (
+
+
+
+ {session.pageTitle}
+
+
+
+ )) }
diff --git a/frontend/app/components/shared/SessionItem/SessionItem.js b/frontend/app/components/shared/SessionItem/SessionItem.js
index 51599b3c7..0b7551760 100644
--- a/frontend/app/components/shared/SessionItem/SessionItem.js
+++ b/frontend/app/components/shared/SessionItem/SessionItem.js
@@ -7,7 +7,8 @@ import {
BrowserIcon,
CountryFlag,
Avatar,
- TextEllipsis
+ TextEllipsis,
+ Label,
} from 'UI';
import { deviceTypeIcon } from 'App/iconNames';
import { toggleFavorite, setSessionPath } from 'Duck/sessions';
@@ -20,14 +21,15 @@ import Counter from './Counter'
import { withRouter } from 'react-router-dom';
import SessionMetaList from './SessionMetaList';
import ErrorBars from './ErrorBars';
-import { assist as assistRoute, isRoute } from "App/routes";
+import { assist as assistRoute, liveSession, isRoute } from "App/routes";
import { capitalize } from 'App/utils';
const ASSIST_ROUTE = assistRoute();
+const ASSIST_LIVE_SESSION = liveSession()
-const Label = ({ label = '', color = 'color-gray-medium'}) => (
- {label}
-)
+// const Label = ({ label = '', color = 'color-gray-medium'}) => (
+// {label}
+// )
@connect(state => ({
timezone: state.getIn(['sessions', 'timezone']),
siteId: state.getIn([ 'user', 'siteId' ]),
@@ -59,16 +61,18 @@ export default class SessionItem extends React.PureComponent {
metadata,
userSessionsCount,
issueTypes,
+ active,
},
timezone,
onUserClick = () => null,
hasUserFilter = false,
disableUser = false,
metaList = [],
+ showActive = false,
} = this.props;
const formattedDuration = durationFormatted(duration);
const hasUserId = userId || userAnonymousId;
- const isAssist = isRoute(ASSIST_ROUTE, this.props.location.pathname);
+ const isAssist = isRoute(ASSIST_ROUTE, this.props.location.pathname) || isRoute(ASSIST_LIVE_SESSION, this.props.location.pathname);
const _metaList = Object.keys(metadata).filter(i => metaList.includes(i)).map(key => {
const value = metadata[key];
@@ -129,6 +133,11 @@ export default class SessionItem extends React.PureComponent {
+ { isAssist && showActive && (
+
+ )}
diff --git a/frontend/app/types/session/session.js b/frontend/app/types/session/session.js
index 5eda0c987..5401e3008 100644
--- a/frontend/app/types/session/session.js
+++ b/frontend/app/types/session/session.js
@@ -25,6 +25,8 @@ function hashString(s: string): number {
export default Record({
sessionId: '',
+ pageTitle: '',
+ active: true,
siteId: '',
projectKey: '',
peerId: '',