reduxjs/redux-devtools
1
1
Fork 0
mirror of https://github.com/reduxjs/redux-devtools.git synced 2025-07-27 00:19:55 +03:00
Code Issues Packages Projects Releases Wiki Activity

refactor(rtk-query): move preview to containers remove unnecessary computation

Browse Source
This commit is contained in:
FaberVitale 2021-06-28 11:06:08 +02:00
parent 692d63eee6
commit 15d8c72c9b
2 changed files with 18 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
packages/redux-devtools-rtk-query-monitor/src/components/QueryPreview.tsx → packages/redux-devtools-rtk-query-monitor/src/containers/QueryPreview.tsx
View File

@ -7,22 +7,31 @@ import {
SelectorsSource,
TabOption,
} from '../types';
import { QueryPreviewHeader } from './QueryPreviewHeader';
import { QueryPreviewInfo, QueryPreviewInfoProps } from './QueryPreviewInfo';
import { QueryPreviewApi, QueryPreviewApiProps } from './QueryPreviewApi';
import { QueryPreviewHeader } from '../components/QueryPreviewHeader';
import {
QueryPreviewInfo,
QueryPreviewInfoProps,
} from '../components/QueryPreviewInfo';
import {
QueryPreviewApi,
QueryPreviewApiProps,
} from '../components/QueryPreviewApi';
import {
QueryPreviewSubscriptions,
QueryPreviewSubscriptionsProps,
} from './QueryPreviewSubscriptions';
import { QueryPreviewTags, QueryPreviewTagsProps } from './QueryPreviewTags';
import { NoRtkQueryApi } from './NoRtkQueryApi';
} from '../components/QueryPreviewSubscriptions';
import {
QueryPreviewTags,
QueryPreviewTagsProps,
} from '../components/QueryPreviewTags';
import { NoRtkQueryApi } from '../components/NoRtkQueryApi';
import { InspectorSelectors } from '../selectors';
import { StylingFunction } from 'react-base16-styling';
import { mapProps } from '../containers/mapProps';
import { mapProps } from './mapProps';
import {
QueryPreviewActions,
QueryPreviewActionsProps,
} from './QueryPreviewActions';
} from '../components/QueryPreviewActions';
export interface QueryPreviewProps<S = unknown> {
readonly selectedTab: QueryPreviewTabs;

5
packages/redux-devtools-rtk-query-monitor/src/containers/RtkQueryInspector.tsx
View File

@ -17,7 +17,7 @@ import {
} from '../reducers';
import { QueryList } from '../components/QueryList';
import { QueryForm } from '../components/QueryForm';
import { QueryPreview } from '../components/QueryPreview';
import { QueryPreview } from './QueryPreview';
type ForwardedMonitorProps<S, A extends Action<unknown>> = Pick<
LiftedState<S, A, RtkQueryMonitorState>,
@ -124,9 +124,6 @@ class RtkQueryInspector<S, A extends Action<unknown>> extends PureComponent<
const hasNoApi = apiStates == null;
const actionsOfCurrentQuery =
this.selectors.selectActionsOfCurrentQuery(selectorsSource);
return (
<div
ref={this.inspectorRef}