diff --git a/frontend/app/components/Session/Layout/Layout.js b/frontend/app/components/Session/Layout/Layout.js
index ba47d7173..93b75c826 100644
--- a/frontend/app/components/Session/Layout/Layout.js
+++ b/frontend/app/components/Session/Layout/Layout.js
@@ -14,14 +14,11 @@ function Layout({ children, player, toolbar }) {
{player.fullscreen.enabled &&
}
- {/*
*/}
{children}
- {/* */}
diff --git a/frontend/app/components/Session_/Fetch/Fetch.js b/frontend/app/components/Session_/Fetch/Fetch.js
index d8078e89a..df0c44864 100644
--- a/frontend/app/components/Session_/Fetch/Fetch.js
+++ b/frontend/app/components/Session_/Fetch/Fetch.js
@@ -157,7 +157,7 @@ export default class Fetch extends React.PureComponent {
{[
{
label: 'Start',
- width: 90,
+ width: 120,
render: renderStart,
},
{
diff --git a/frontend/app/components/Session_/Network/Network.js b/frontend/app/components/Session_/Network/Network.js
index 88e136bf8..08779abd6 100644
--- a/frontend/app/components/Session_/Network/Network.js
+++ b/frontend/app/components/Session_/Network/Network.js
@@ -35,16 +35,6 @@ export function renderName(r) {
>
{r.name}
-
);
}
diff --git a/frontend/app/components/Session_/Network/NetworkContent.js b/frontend/app/components/Session_/Network/NetworkContent.js
index 46992422a..082c87aa0 100644
--- a/frontend/app/components/Session_/Network/NetworkContent.js
+++ b/frontend/app/components/Session_/Network/NetworkContent.js
@@ -48,14 +48,12 @@ export function renderType(r) {
export function renderName(r) {
return (
-
{r.url} }
>
{r.name}
-
);
}
diff --git a/frontend/app/components/Session_/Storage/Storage.js b/frontend/app/components/Session_/Storage/Storage.js
index df9c4c2b3..b1cf53dfc 100644
--- a/frontend/app/components/Session_/Storage/Storage.js
+++ b/frontend/app/components/Session_/Storage/Storage.js
@@ -1,7 +1,7 @@
import React from 'react';
import { connect } from 'react-redux';
import { hideHint } from 'Duck/components/player';
-import {
+import {
connectPlayer,
selectStorageType,
STORAGE_TYPES,
@@ -21,14 +21,13 @@ import stl from './storage.module.css';
// const DIFF = 'DIFF';
// const TABS = [ DIFF, STATE ].map(tab => ({ text: tab, key: tab }));
-
function getActionsName(type) {
switch(type) {
case STORAGE_TYPES.MOBX:
return "MUTATIONS";
case STORAGE_TYPES.VUEX:
return "MUTATIONS";
- default:
+ default:
return "ACTIONS";
}
}
@@ -50,7 +49,7 @@ export default class Storage extends React.PureComponent {
focusNextButton() {
if (this.lastBtnRef.current) {
this.lastBtnRef.current.focus();
- }
+ }
}
componentDidMount() {
@@ -75,7 +74,7 @@ export default class Storage extends React.PureComponent {
// const yellowPaths = [];
// const greenPaths = [];
// lastRAction.diff.forEach(d => {
- // try {
+ // try {
// let { path, kind, rhs: value } = d;
// if (kind === 'A') {
// path.slice().push(d.index);
@@ -86,11 +85,11 @@ export default class Storage extends React.PureComponent {
// if (kind === 'N') greenPaths.push(d.path.slice().reverse());
// if (kind === 'D') redPaths.push(d.path.slice().reverse());
// if (kind === 'E') yellowPaths.push(d.path.slice().reverse());
- // } catch (e) {
+ // } catch (e) {
// }
// });
// return (
- //
{
@@ -111,17 +110,11 @@ export default class Storage extends React.PureComponent {
renderTab () {
- // switch(this.props.activeTab) {
- // case DIFF:
- // return this.renderDiff();
- // case STATE:
- const { listNow } = this.props;
- if (listNow.length === 0) {
- return "Not initialized"; //?
- }
- return ;
- // }
- // return null;
+ const { listNow } = this.props;
+ if (listNow.length === 0) {
+ return "Not initialized"; //?
+ }
+ return ;
}
renderItem(item, i) {
@@ -146,7 +139,7 @@ export default class Storage extends React.PureComponent {
return (
-
{ i + 1 < listNow.length &&
-
}
{ i + 1 === listNow.length && i + 1 < list.length &&
- }
+ }
{ typeof item.duration === 'number' &&
{ formatMs(item.duration) }
@@ -177,15 +170,13 @@ export default class Storage extends React.PureComponent {
}
- );
+ );
}
render() {
const {
- type,
+ type,
listNow,
- activeTab,
- setActiveTab,
list,
hintIsHidden,
} = this.props;
@@ -212,12 +203,12 @@ export default class Storage extends React.PureComponent {
{'Inspect your application state while you’re replaying your users sessions. OpenReplay supports '}
- Redux{', '}
- VueX{', '}
- MobX{' and '}
+ Redux{', '}
+ VueX{', '}
+ MobX{' and '}
NgRx.
@@ -229,8 +220,8 @@ export default class Storage extends React.PureComponent {
>
{ showStore &&
- { listNow.length === 0
- ?
{ "Empty state." }
+ { listNow.length === 0
+ ?
{ "Empty state." }
: this.renderTab()
}