signoz/frontend/src/container/PanelWrapper/ListPanelWrapper.tsx
Rajat Dabade ec9dbb6853
Dashboard Clean up and list view improvement. (#4675)
* refactor: initial setup

* refactor: created panelWrapper to separate panel data

* fix: type error

* fix: the dimension issue for graphs

* refactor: done with table value uplot panels

* refactor: done with logs panel component

* refactor: updated props for log panel component

* fix: query range duplicate issue for logs

* refactor: trace list view done

* fix: full view support

* refactor: done with edit mode for panels

* refactor: type and props

* refactor: reduce an extra api call on edit for list view

* refactor: done with full graph visibility handler

* refactor: removed commented code

* refactor: removed commented code

* fix: build failure

* refactor: updated service layer graphs

* refactor: updated top level oparation query key

* refactor: added drag select

* refactor: done with drag select in chart

* refactor: code cleanup

* refactor: legend should not need stage and run query
2024-04-02 16:40:41 +05:30

38 lines
905 B
TypeScript

import LogsPanelComponent from 'container/LogsPanelTable/LogsPanelComponent';
import TracesTableComponent from 'container/TracesTableComponent/TracesTableComponent';
import { DataSource } from 'types/common/queryBuilder';
import { PanelWrapperProps } from './panelWrapper.types';
function ListPanelWrapper({
widget,
queryResponse,
setRequestData,
}: PanelWrapperProps): JSX.Element {
const dataSource = widget.query.builder?.queryData[0]?.dataSource;
if (!setRequestData) {
// eslint-disable-next-line react/jsx-no-useless-fragment
return <></>;
}
if (dataSource === DataSource.LOGS) {
return (
<LogsPanelComponent
widget={widget}
queryResponse={queryResponse}
setRequestData={setRequestData}
/>
);
}
return (
<TracesTableComponent
widget={widget}
queryResponse={queryResponse}
setRequestData={setRequestData}
/>
);
}
export default ListPanelWrapper;