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

fix(ui): wording

Browse source
This commit is contained in:
sylenien 2022-12-12 12:11:59 +01:00
parent 7818bc88ee
commit 4a611a6d4a
3 changed files with 13 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
frontend/app/components/Dashboard/components/MetricsList/MetricsList.tsx
View file

@ -1,9 +1,8 @@
import { observer, useObserver } from 'mobx-react-lite';
import React, { useEffect, useState } from 'react';
import { NoContent, Pagination, Icon, Checkbox } from 'UI';
import { NoContent, Pagination, Icon } from 'UI';
import { useStore } from 'App/mstore';
import { filterList } from 'App/utils';
import MetricListItem from '../MetricListItem';
import { sliceListPerPage } from 'App/utils';
import Widget from 'App/mstore/types/widget';
import GridView from './GridView';
@ -97,7 +96,7 @@ function MetricsList({
<div className="col-span-2 text-right">Last Modified</div>
</div>
{sliceListPerPage(list, metricStore.page - 1, metricStore.pageSize).map((metric: any) => (
{sliceListPerPage(list, metricStore.page - 1, metricStore.pageSize).map((metric: any) => (
// <React.Fragment key={metric.metricId}>
// <MetricListItem
// metric={metric}
@ -109,7 +108,7 @@ function MetricsList({
// }}
// />
// </React.Fragment>
))}
))}
</div>
*/}

5
frontend/app/mstore/dashboardStore.ts
View file

@ -1,7 +1,6 @@
import {
makeAutoObservable,
runInAction,
computed,
} from "mobx";
import Dashboard from "./types/dashboard";
import Widget from "./types/widget";
@ -66,9 +65,9 @@ export default class DashboardStore {
this.drillDownFilter.updateKey("endTimestamp", timeStamps.endTimestamp);
}
@computed
get sortedDashboards() {
return [...this.dashboards].sort((a, b) => b.createdAt - a.createdAt)
const sortOrder = this.sort.by
return [...this.dashboards].sort((a, b) => sortOrder === 'desc' ? b.createdAt - a.createdAt : a.createdAt - b.createdAt)
}
toggleAllSelectedWidgets(isSelected: boolean) {

16
frontend/app/types/filter/filterType.ts
View file

@ -135,18 +135,18 @@ export const getFilterKeyTypeByKey = (key: string) => {
};
export enum IssueType {
CLICK_RAGE = 'click_rage',
DEAD_CLICK = 'dead_click',
EXCESSIVE_SCROLLING = 'excessive_scrolling',
BAD_REQUEST = 'bad_request',
MISSING_RESOURCE = 'missing_resource',
CLICK_RAGE = 'clickRage',
DEAD_CLICK = 'deadClick',
EXCESSIVE_SCROLLING = 'excessiveScrolling',
BAD_REQUEST = 'badRequest',
MISSING_RESOURCE = 'missingResource',
MEMORY = 'memory',
CPU = 'cpu',
SLOW_RESOURCE = 'slow_resource',
SLOW_PAGE_LOAD = 'slow_page_load',
SLOW_RESOURCE = 'slowResource',
SLOW_PAGE_LOAD = 'slowPageLoad',
CRASH = 'crash',
CUSTOM = 'custom',
JS_EXCEPTION = 'js_exception',
JS_EXCEPTION = 'jsException',
}
export enum FilterType {