From 129fc1f0f8239845ec2ed83300a8b097e91163fc Mon Sep 17 00:00:00 2001
From: Jon Nicholson <me@drjonnicholson.com>
Date: Tue, 19 Mar 2019 15:18:37 +0000
Subject: [PATCH] Clean up how field values are displayed

---
 src/components/Fields/EnumValues.tsx  | 6 ++++--
 src/components/Fields/FieldDetail.tsx | 4 +++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/Fields/EnumValues.tsx b/src/components/Fields/EnumValues.tsx
index ea3fe376..90db273a 100644
--- a/src/components/Fields/EnumValues.tsx
+++ b/src/components/Fields/EnumValues.tsx
@@ -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>
     );
diff --git a/src/components/Fields/FieldDetail.tsx b/src/components/Fields/FieldDetail.tsx
index 2aa792fb..3157c740 100644
--- a/src/components/Fields/FieldDetail.tsx
+++ b/src/components/Fields/FieldDetail.tsx
@@ -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>
     );
   }