diff --git a/frontend/app/components/Session/Session.js b/frontend/app/components/Session/Session.js
index 0138e7e50..210a24bff 100644
--- a/frontend/app/components/Session/Session.js
+++ b/frontend/app/components/Session/Session.js
@@ -16,11 +16,11 @@ const SESSIONS_ROUTE = sessionsRoute();
function Session({
sessionId,
loading,
- hasErrors,
+ hasErrors,
session,
fetchSession,
- fetchSlackList,
- hasSessionsPath
+ fetchSlackList,
+ hasSessionsPath
}) {
usePageTitle("OpenReplay Session Player");
useEffect(() => {
@@ -51,7 +51,7 @@ function Session({
{ session.isIOS
?
- : (session.live && !hasSessionsPath ? : )
+ :
}
diff --git a/frontend/app/components/Session_/EventsBlock/Metadata/Metadata.js b/frontend/app/components/Session_/EventsBlock/Metadata/Metadata.js
index b0dca0956..0992c0f88 100644
--- a/frontend/app/components/Session_/EventsBlock/Metadata/Metadata.js
+++ b/frontend/app/components/Session_/EventsBlock/Metadata/Metadata.js
@@ -10,13 +10,15 @@ export default connect(state => ({
metadata: state.getIn([ 'sessions', 'current', 'metadata' ]),
}))(function Metadata ({ metadata }) {
const [ visible, setVisible ] = useState(false);
- const toggle = useCallback(() => metadata.length > 0 && setVisible(v => !v), []);
+ const metaLenth = Object.keys(metadata).length;
+ const toggle = useCallback(() => metaLenth > 0 && setVisible(v => !v), []);
+
return (
<>
({
}
on="click"
- disabled={metadata.length > 0}
+ disabled={metaLenth > 0}
size="tiny"
inverted
position="top center"
/>
{ visible &&
-
- { metadata.map((i) => {
- const key = Object.keys(i)[0]
- const value = i[key]
+
+ { Object.keys(metadata).map((key) => {
+ // const key = Object.keys(i)[0]
+ const value = metadata[key]
return
}) }
diff --git a/frontend/app/components/Session_/EventsBlock/Metadata/MetadataItem.js b/frontend/app/components/Session_/EventsBlock/Metadata/MetadataItem.js
index 8abd1913c..76cf459b0 100644
--- a/frontend/app/components/Session_/EventsBlock/Metadata/MetadataItem.js
+++ b/frontend/app/components/Session_/EventsBlock/Metadata/MetadataItem.js
@@ -49,7 +49,7 @@ export default class extends React.PureComponent {
content={ open && }
onClose={ open ? this.switchOpen : () => null }
/>
-
+
{ item.key }
{
}
const NodesCountTooltip = ({ active, payload} ) => {
- if (!active || payload.length === 0) return null;
+ if (!active || !payload || payload.length === 0) return null;
return (