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

feat(ui) - assist ui - wip

Browse source
This commit is contained in:
Shekar Siri 2022-02-22 20:06:06 +01:00
parent 914f13f89c
commit 6800c19a90
5 changed files with 22 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
frontend/app/components/Assist/Assist.tsx
View file

@ -3,6 +3,7 @@ import LiveSessionList from 'Shared/LiveSessionList';
import LiveSessionSearch from 'Shared/LiveSessionSearch';
import cn from 'classnames'
import withPageTitle from 'HOCs/withPageTitle';
import withPermissions from 'HOCs/withPermissions'
// @withPageTitle("Assist - OpenReplay")
function Assist() {
@ -21,4 +22,4 @@ function Assist() {
)
}
export default withPageTitle("Assist - OpenReplay")(Assist);
export default withPageTitle("Assist - OpenReplay")(withPermissions(['ASSIST_LIVE', 'SESSION_REPLAY'])(Assist));

10
frontend/app/components/Client/ProfileSettings/ProfileSettings.js
View file

@ -26,7 +26,7 @@ export default class ProfileSettings extends React.PureComponent {
<div><Settings /></div>
</div>
<div className="divider" />
<div className="divider-h" />
<div className="flex items-center">
<div className={ styles.left }>
@ -36,7 +36,7 @@ export default class ProfileSettings extends React.PureComponent {
<div><ChangePassword /></div>
</div>
<div className="divider" />
<div className="divider-h" />
<div className="flex items-center">
<div className={ styles.left }>
@ -46,7 +46,7 @@ export default class ProfileSettings extends React.PureComponent {
<div><Api /></div>
</div>
<div className="divider" />
<div className="divider-h" />
<div className="flex items-center">
<div className={ styles.left }>
@ -58,7 +58,7 @@ export default class ProfileSettings extends React.PureComponent {
{ !isEnterprise && (
<>
<div className="divider" />
<div className="divider-h" />
<div className="flex items-center">
<div className={ styles.left }>
<h4 className="text-lg mb-4">{ 'Data Collection' }</h4>
@ -71,7 +71,7 @@ export default class ProfileSettings extends React.PureComponent {
{ account.license && (
<>
<div className="divider" />
<div className="divider-h" />
<div className="flex items-center">
<div className={ styles.left }>

7
frontend/app/components/shared/LiveSessionList/LiveSessionList.tsx
View file

@ -109,7 +109,12 @@ function LiveSessionList(props: Props) {
return (
<div>
<div className="flex mb-6 justify-between items-end">
<div></div>
<div className="flex items-baseline">
<h3 className="text-2xl capitalize">
<span>Live Sessions</span>
<span className="ml-2 font-normal color-gray-medium">{sessions.size}</span>
</h3>
</div>
<div className="flex items-center">
<div className="flex items-center">
<span className="mr-2 color-gray-medium">Timezone</span>

2
frontend/app/components/shared/SessionItem/SessionItem.js
View file

@ -136,7 +136,7 @@ export default class SessionItem extends React.PureComponent {
<div className="flex items-center">
<div className={ stl.playLink } id="play-button" data-viewed={ viewed }>
<Link to={ sessionRoute(sessionId) }>
<Icon name={ !viewed ? 'play-fill' : 'play-circle-light' } size="42" color={isAssist ? "tealx" : "teal"} />
<Icon name={ !viewed && !isAssist ? 'play-fill' : 'play-circle-light' } size="42" color={isAssist ? "tealx" : "teal"} />
</Link>
</div>
</div>

9
frontend/app/styles/main.css
View file

@ -131,7 +131,14 @@
.divider {
width: 1px;
height: 49px;
margin: 0 15px;
background-color: $gray-light;
}
.divider-h {
height: 1px;
width: 100%;
margin: 25px 0;
background-color: $gray-light;
}