chore: prettier all

src/common-elements/CopyButtonWrapper.tsx

@@ -5,11 +5,7 @@ import { ClipboardService } from '../services/ClipboardService';
 
 export interface CopyButtonWrapperProps {
   data: any;
-  children: (
+  children: (props: { renderCopyButton: () => React.ReactNode }) => React.ReactNode;
-    props: {
-      renderCopyButton: (() => React.ReactNode);
-    },
-  ) => React.ReactNode;
 }
 
 export class CopyButtonWrapper extends React.PureComponent<

src/components/ApiInfo/ApiInfo.tsx

@@ -44,22 +44,20 @@ export class ApiInfo extends React.Component<ApiInfoProps> {
       null;
 
     const website =
-      (info.contact &&
+      (info.contact && info.contact.url && (
-        info.contact.url && (
+        <InfoSpan>
-          <InfoSpan>
+          URL: <a href={info.contact.url}>{info.contact.url}</a>
-            URL: <a href={info.contact.url}>{info.contact.url}</a>
+        </InfoSpan>
-          </InfoSpan>
+      )) ||
-        )) ||
       null;
 
     const email =
-      (info.contact &&
+      (info.contact && info.contact.email && (
-        info.contact.email && (
+        <InfoSpan>
-          <InfoSpan>
+          {info.contact.name || 'E-mail'}:{' '}
-            {info.contact.name || 'E-mail'}:{' '}
+          <a href={'mailto:' + info.contact.email}>{info.contact.email}</a>
-            <a href={'mailto:' + info.contact.email}>{info.contact.email}</a>
+        </InfoSpan>
-          </InfoSpan>
+      )) ||
-        )) ||
       null;
 
     const terms =
@@ -70,11 +68,7 @@ export class ApiInfo extends React.Component<ApiInfoProps> {
       )) ||
       null;
 
-    const version =
+    const version = (info.version && <span>({info.version})</span>) || null;
-      (info.version && (
-        <span>({info.version})</span>
-      )) ||
-      null;
 
     return (
       <Section>

src/components/Fields/Field.tsx

@@ -65,21 +65,20 @@ export class Field extends React.Component<FieldProps> {
             <FieldDetails {...this.props} />
           </PropertyDetailsCell>
         </tr>
-        {field.expanded &&
+        {field.expanded && withSubSchema && (
-          withSubSchema && (
+          <tr key={field.name + 'inner'}>
-            <tr key={field.name + 'inner'}>
+            <PropertyCellWithInner colSpan={2}>
-              <PropertyCellWithInner colSpan={2}>
+              <InnerPropertiesWrap>
-                <InnerPropertiesWrap>
+                <Schema
-                  <Schema
+                  schema={field.schema}
-                    schema={field.schema}
+                  skipReadOnly={this.props.skipReadOnly}
-                    skipReadOnly={this.props.skipReadOnly}
+                  skipWriteOnly={this.props.skipWriteOnly}
-                    skipWriteOnly={this.props.skipWriteOnly}
+                  showTitle={this.props.showTitle}
-                    showTitle={this.props.showTitle}
+                />
-                  />
+              </InnerPropertiesWrap>
-                </InnerPropertiesWrap>
+            </PropertyCellWithInner>
-              </PropertyCellWithInner>
+          </tr>
-            </tr>
+        )}
-          )}
       </>
     );
   }

src/components/Fields/FieldDetail.tsx

@@ -17,10 +17,7 @@ export class FieldDetail extends React.PureComponent<FieldDetailProps> {
 
     return (
       <div>
-        <FieldLabel> {this.props.label} </FieldLabel>{' '}
+        <FieldLabel> {this.props.label} </FieldLabel> <ExampleValue>{value}</ExampleValue>
-        <ExampleValue>
-          {value}
-        </ExampleValue>
       </div>
     );
   }

src/components/PayloadSamples/exernalExampleHook.ts

@@ -13,22 +13,19 @@ export function useExternalExample(example: ExampleModel, mimeType: string) {
 
   prevRef.current = example;
 
-  useEffect(
+  useEffect(() => {
-    () => {
+    const load = async () => {
-      const load = async () => {
+      setIsLoading(true);
-        setIsLoading(true);
+      try {
-        try {
+        value.current = await example.getExternalValue(mimeType);
-          value.current = await example.getExternalValue(mimeType);
+      } catch (e) {
-        } catch (e) {
+        value.current = e;
-          value.current = e;
+      }
-        }
+      setIsLoading(false);
-        setIsLoading(false);
+    };
-      };
 
-      load();
+    load();
-    },
+  }, [example, mimeType]);
-    [example, mimeType],
-  );
 
   return value.current;
 }

src/components/Responses/Response.tsx

@@ -28,12 +28,11 @@ export class ResponseView extends React.Component<{ response: ResponseModel }> {
           code={code}
           opened={expanded}
         />
-        {expanded &&
+        {expanded && !empty && (
-          !empty && (
+          <ResponseDetailsWrap>
-            <ResponseDetailsWrap>
+            <ResponseDetails response={this.props.response} />
-              <ResponseDetails response={this.props.response} />
+          </ResponseDetailsWrap>
-            </ResponseDetailsWrap>
+        )}
-          )}
       </div>
     );
   }

src/services/models/Operation.ts

@@ -77,8 +77,8 @@ export class OperationModel implements IMenuItem {
       operationSpec.operationId !== undefined
         ? 'operation/' + operationSpec.operationId
         : parent !== undefined
-          ? parent.id + this.pointer
+        ? parent.id + this.pointer
-          : this.pointer;
+        : this.pointer;
 
     this.name = getOperationSummary(operationSpec);
     this.description = operationSpec.description;