reduxjs/redux-devtools
1
1
Fork 0
mirror of https://github.com/reduxjs/redux-devtools.git synced 2024-11-25 11:03:57 +03:00
Code Issues Packages Projects Releases Wiki Activity

prettier write

Browse Source
This commit is contained in:
Iliya Brook 2024-03-06 23:31:03 +02:00
parent 8fe79d2eb9
commit eae2d5b752
3 changed files with 18 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
packages/redux-devtools-inspector-monitor/src/ActionPreview.tsx
View File

@ -208,8 +208,8 @@ class ActionPreview<S, A extends Action<string>> extends Component<
]) ])
} }
> >
{'(pin)'} {'(pin)'}
</span> </span>
<span <span
css={(theme) => ({ css={(theme) => ({
fontSize: '0.7em', fontSize: '0.7em',
@ -220,13 +220,19 @@ class ActionPreview<S, A extends Action<string>> extends Component<
}, },
color: theme.PIN_COLOR, color: theme.PIN_COLOR,
})} })}
onClick={event => { onClick={(event) => {
event.stopPropagation(); event.stopPropagation();
let objectForCopying; let objectForCopying;
if (this.props.tabName === 'Action') { if (this.props.tabName === 'Action') {
objectForCopying = getValueByPath(this.props.action, reversedPath); objectForCopying = getValueByPath(
this.props.action,
reversedPath,
);
} else if (this.props.tabName === 'State') { } else if (this.props.tabName === 'State') {
objectForCopying = getValueByPath(this.props.nextState, reversedPath); objectForCopying = getValueByPath(
this.props.nextState,
reversedPath,
);
} }
if (objectForCopying !== undefined) { if (objectForCopying !== undefined) {
copyToClipboard(objectForCopying); copyToClipboard(objectForCopying);
@ -235,10 +241,10 @@ class ActionPreview<S, A extends Action<string>> extends Component<
} }
}} }}
> >
{'(copy)'} {'(copy)'}
</span> </span>
{!expanded && ': '} {!expanded && ': '}
</span> </span>
); );
}; };
} }

2
packages/redux-devtools-inspector-monitor/src/utils/copyToClipboard.ts
View File

@ -1,6 +1,6 @@
import cloneDeep from 'lodash.clonedeep'; import cloneDeep from 'lodash.clonedeep';
export function copyToClipboard(object: any){ export function copyToClipboard(object: any) {
try { try {
const deepCopiedObject = cloneDeep(object); const deepCopiedObject = cloneDeep(object);
const jsonString = JSON.stringify(deepCopiedObject, null, 2); const jsonString = JSON.stringify(deepCopiedObject, null, 2);

5
packages/redux-devtools-inspector-monitor/src/utils/getValueByPath.ts
View File

@ -1,8 +1,9 @@
export function getValueByPath(obj: any, path: (string | number)[]){ export function getValueByPath(obj: any, path: (string | number)[]) {
let current: any = obj; let current: any = obj;
for (let i = 0; i < path.length; i++) { for (let i = 0; i < path.length; i++) {
const key = path[i]; const key = path[i];
const adjustedKey = typeof key === 'string' && !isNaN(Number(key)) ? parseInt(key, 10) : key; const adjustedKey =
typeof key === 'string' && !isNaN(Number(key)) ? parseInt(key, 10) : key;
if (current[adjustedKey] === undefined) { if (current[adjustedKey] === undefined) {
return undefined; return undefined;
} }