From cb86e41251a49452abd1ccd4a90cd9e0884ceb98 Mon Sep 17 00:00:00 2001
From: Jon Nicholson <me@drjonnicholson.com>
Date: Thu, 14 Mar 2019 14:03:29 +0000
Subject: [PATCH] Tidy up non-redoc extension presentation

---
 src/components/Fields/Extensions.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/components/Fields/Extensions.tsx b/src/components/Fields/Extensions.tsx
index d39e40c6..beb7d0d1 100644
--- a/src/components/Fields/Extensions.tsx
+++ b/src/components/Fields/Extensions.tsx
@@ -1,4 +1,9 @@
 import * as React from 'react';
+
+import { startCase } from 'lodash';
+
+import { FieldLabel } from '../../common-elements/fields';
+
 import styled from '../../styled-components';
 
 import { OptionsContext } from '../OptionsProvider';
@@ -10,10 +15,6 @@ const Extension = styled(StyledMarkdownBlock)`
   margin: 2px 0;
 `;
 
-const ExtensionLable = styled.span`
-  font-style: italic;
-`;
-
 export interface ExtensionsProps {
   extensions: {
     [k: string]: any;
@@ -29,8 +30,10 @@ export class Extensions extends React.PureComponent<ExtensionsProps> {
             {options.showExtensions &&
               Object.keys(this.props.extensions).map(key => (
                 <Extension key={key}>
-                  <ExtensionLable>{key}</ExtensionLable>:{' '}
-                  <code>{JSON.stringify(this.props.extensions[key])}</code>
+                  <FieldLabel>{startCase(key.substring(2))}</FieldLabel>:{' '}
+                  <code>
+                    {JSON.stringify(this.props.extensions[key]).replace(/(^")|("$)/g, '')}
+                  </code>
                 </Extension>
               ))}
           </>