jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(ui) - console color codes and text change

Browse source
This commit is contained in:
Shekar Siri 2022-11-03 13:02:51 +01:00
parent 9ddfbdeec7
commit 629ca26430
5 changed files with 16 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/app/components/Session/LivePlayer.js
View file

@ -49,7 +49,7 @@ function LivePlayer ({
}, [])
const TABS = {
EVENTS: 'User Actions',
EVENTS: 'User Steps',
HEATMAPS: 'Click Map',
}
const [activeTab, setActiveTab] = useState('');

2
frontend/app/components/Session/WebPlayer.js
View file

@ -16,7 +16,7 @@ import ReadNote from '../Session_/Player/Controls/components/ReadNote';
import { fetchList as fetchMembers } from 'Duck/member';
const TABS = {
EVENTS: 'User Actions',
EVENTS: 'User Steps',
HEATMAPS: 'Click Map',
};

2
frontend/app/components/Session_/EventsBlock/EventsBlock.js
View file

@ -206,7 +206,7 @@ export default class EventsBlock extends React.Component {
setActiveTab={setActiveTab}
value={query}
header={
<div className="text-xl">User Actions <span className="color-gray-medium">{ events.size }</span></div>
<div className="text-xl">User Steps <span className="color-gray-medium">{ events.size }</span></div>
}
/>
</div>

15
frontend/app/styles/general.css
View file

@ -5,15 +5,24 @@
.info.info.info.info.info { /* BAD HACK >:) */
background-color: #f2f8ff;
background-color: rgba(242, 248, 255, 0.6);
&:hover {
background-color: rgba(242, 248, 255, 1);
}
}
.warn.warn.warn.warn {
background-color: rgb(244 208 154 / 15%);
background-color: rgba(253, 248, 240, 0.6);
&:hover {
background-color: rgba(253, 248, 240, 1);
}
}
.error.error.error.error {
background-color: #fcf2f2;
background-color: rgba(252, 242, 242, 0.6);
&:hover {
background-color: rgba(252, 242, 242, 1);
}
}

2
frontend/app/types/session/log.js
View file

@ -31,7 +31,7 @@ export default Record({
return isRed(this);
},
isYellow() {
return this.level === WARNING;
return this.level === WARNING || WARN;
}
}
});