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,8 +44,7 @@ export class ApiInfo extends React.Component<ApiInfoProps> {
       null;
 
     const website =
-      (info.contact &&
+      (info.contact && info.contact.url && (
-        info.contact.url && (
         <InfoSpan>
           URL: <a href={info.contact.url}>{info.contact.url}</a>
         </InfoSpan>
@@ -53,8 +52,7 @@ export class ApiInfo extends React.Component<ApiInfoProps> {
       null;
 
     const email =
-      (info.contact &&
+      (info.contact && info.contact.email && (
-        info.contact.email && (
         <InfoSpan>
           {info.contact.name || 'E-mail'}:{' '}
           <a href={'mailto:' + info.contact.email}>{info.contact.email}</a>
@@ -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,8 +65,7 @@ export class Field extends React.Component<FieldProps> {
             <FieldDetails {...this.props} />
           </PropertyDetailsCell>
         </tr>
-        {field.expanded &&
+        {field.expanded && withSubSchema && (
-          withSubSchema && (
           <tr key={field.name + 'inner'}>
             <PropertyCellWithInner colSpan={2}>
               <InnerPropertiesWrap>

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,8 +13,7 @@ export function useExternalExample(example: ExampleModel, mimeType: string) {
 
   prevRef.current = example;
 
-  useEffect(
+  useEffect(() => {
-    () => {
     const load = async () => {
       setIsLoading(true);
       try {
@@ -26,9 +25,7 @@ export function useExternalExample(example: ExampleModel, mimeType: string) {
     };
 
     load();
-    },
+  }, [example, mimeType]);
-    [example, mimeType],
-  );
 
   return value.current;
 }

src/components/Responses/Response.tsx

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