jens/flipper
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improve data inspector by showing previews of simple values

Browse Source 
Summary:
It was requested a few times to inline simple values in the preview, to be able to quickly inspect vectors etc while inspecting elements

Implements https://github.com/facebook/flipper/issues/2551

Reviewed By: passy

Differential Revision: D29555541

fbshipit-source-id: c2c171cd7d2bf213f0cd05b5b5723918c9536025
This commit is contained in:
Michel Weststrate
2021-07-07 05:04:18 -07:00
committed by Facebook GitHub Bot
parent 6c534f5749
commit 17e064294c
3 changed files with 49 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
desktop/flipper-plugin/src/ui/data-inspector/DataDescription.tsx
View File

@@ -41,7 +41,7 @@ export const presetColors = Object.values({
grape: '#8c72cb', // Grape
});
const NullValue = styled.span({
export const NullValue = styled.span({
color: theme.semanticColors.nullValue,
});
NullValue.displayName = 'DataDescription:NullValue';
@@ -51,7 +51,7 @@ const UndefinedValue = styled.span({
});
UndefinedValue.displayName = 'DataDescription:UndefinedValue';
const StringValue = styled.span({
export const StringValue = styled.span({
color: theme.semanticColors.stringValue,
wordWrap: 'break-word',
});
@@ -67,12 +67,12 @@ const SymbolValue = styled.span({
});
SymbolValue.displayName = 'DataDescription:SymbolValue';
const NumberValue = styled.span({
export const NumberValue = styled.span({
color: theme.semanticColors.numberValue,
});
NumberValue.displayName = 'DataDescription:NumberValue';
const BooleanValue = styled.span({
export const BooleanValue = styled.span({
color: theme.semanticColors.booleanValue,
});
BooleanValue.displayName = 'DataDescription:BooleanValue';