Redocly/redoc
1
1
Fork 0
mirror of https://github.com/Redocly/redoc.git synced 2025-08-08 14:14:56 +03:00
Code Issues Packages Projects Releases Wiki Activity

Clean up how field values are displayed

Browse Source
This commit is contained in:
Jon Nicholson 2019-03-19 15:18:37 +00:00
parent 2f65f051e0
commit 129fc1f0f8
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Fields/EnumValues.tsx
View File

@ -17,9 +17,11 @@ export class EnumValues extends React.PureComponent<EnumValuesProps> {
<div>
<FieldLabel>
{type === 'array' ? 'Items' : ''} {values.length === 1 ? 'Value' : 'Enum'}:
</FieldLabel>
</FieldLabel>{' '}
{values.map((value, idx) => (
<ExampleValue key={idx}>{JSON.stringify(value)} </ExampleValue>
<ExampleValue key={idx}>
{typeof value === 'string' ? value : JSON.stringify(value)}
</ExampleValue>
))}
</div>
);

4
src/components/Fields/FieldDetail.tsx
View File

@ -14,7 +14,9 @@ export class FieldDetail extends React.PureComponent<FieldDetailProps> {
return (
<div>
<FieldLabel> {this.props.label} </FieldLabel>{' '}
<ExampleValue> {JSON.stringify(this.props.value)} </ExampleValue>
<ExampleValue>
{typeof this.props.value === 'string' ? this.props.value : JSON.stringify(this.props.value)}
</ExampleValue>
</div>
);
}