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

change(ui) - error and sessions border

Browse source
This commit is contained in:
Shekar Siri 2022-06-27 12:20:43 +02:00
parent 941f8c9b11
commit 661a4364dc
5 changed files with 11 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetricTableErrors/CustomMetricTableErrors.tsx
View file

@ -44,7 +44,9 @@ function CustomMetricTableErrors(props: RouteComponentProps<Props>) {
>
<div className="pb-4">
{metric.data.errors && metric.data.errors.map((error: any, index: any) => (
<ErrorListItem key={index} error={error} onClick={(e) => onErrorClick(e, error)} />
<div key={index} className="broder-b last:border-none">
<ErrorListItem error={error} onClick={(e) => onErrorClick(e, error)} />
</div>
))}
{isEdit && (

4
frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetricTableSessions/CustomMetricTableSessions.tsx
View file

@ -20,8 +20,8 @@ function CustomMetricTableSessions(props: Props) {
>
<div className="pb-4">
{metric.data.sessions && metric.data.sessions.map((session: any, index: any) => (
<div className="border-b last:border-none">
<SessionItem session={session} key={session.sessionId} />
<div className="border-b last:border-none" key={session.sessionId}>
<SessionItem session={session} />
</div>
))}

2
frontend/app/components/Dashboard/components/Errors/ErrorListItem/ErrorListItem.tsx
View file

@ -27,7 +27,7 @@ function ErrorListItem(props: Props) {
// }
return (
<div
className={ cn("p-3 border-b grid grid-cols-12 gap-4 cursor-pointer py-4 hover:bg-active-blue", className) }
className={ cn("p-3 grid grid-cols-12 gap-4 cursor-pointer py-4 hover:bg-active-blue", className) }
id="error-item"
onClick={props.onClick}
>

2
frontend/app/components/Funnels/FunnelWidget/FunnelWidget.tsx
View file

@ -89,7 +89,7 @@ function EmptyStage({ total }: any) {
<div className="w-fit px-2 border border-teal py-1 text-center justify-center bg-teal-lightest flex items-center rounded-full color-teal" style={{ width: '100px'}}>
{`+${total} ${total > 1 ? 'steps' : 'step'}`}
</div>
<div className="border-b w-full border-dotted"></div>
<div className="border-b w-full border-dashed"></div>
</div>
))
}

8
frontend/app/duck/roles.js
View file

@ -2,7 +2,7 @@ import { List, Map } from 'immutable';
import Role from 'Types/role';
import crudDuckGenerator from './tools/crudDuck';
import { reduceDucks } from 'Duck/tools';
import { array, request, success, failure, createListUpdater, mergeReducers } from './funcTools/tools';
import { createListUpdater } from './funcTools/tools';
const crudDuck = crudDuckGenerator('client/role', Role, { idKey: 'roleId' });
export const { fetchList, init, edit, remove, } = crudDuck.actions;
@ -14,14 +14,14 @@ const initialState = Map({
permissions: List([
{ text: 'Session Replay', value: 'SESSION_REPLAY' },
{ text: 'Developer Tools', value: 'DEV_TOOLS' },
{ text: 'Errors', value: 'ERRORS' },
{ text: 'Metrics', value: 'METRICS' },
// { text: 'Errors', value: 'ERRORS' },
{ text: 'Dashboard', value: 'METRICS' },
{ text: 'Assist (Live)', value: 'ASSIST_LIVE' },
{ text: 'Assist (Call)', value: 'ASSIST_CALL' },
])
});
const name = "role";
// const name = "role";
const idKey = "roleId";
const updateItemInList = createListUpdater(idKey);