more classNames

src/components/CallbackSamples/CallbackReqSamples.tsx

@@ -23,7 +23,7 @@ export class CallbackPayloadSample extends React.Component<PayloadSampleProps> {
     }
 
     return (
-      <PayloadSampleWrapper>
+      <PayloadSampleWrapper className="callback-sample">
         <PayloadSamples content={payloadSample.requestBodyContent} />
       </PayloadSampleWrapper>
     );

src/components/Callbacks/CallbackDetails.tsx

@@ -24,7 +24,7 @@ export class CallbackDetails extends React.Component<CallbackDetailsProps> {
     const hasDescription = !!(description || externalDocs);
 
     return (
-      <CallbackDetailsWrap>
+      <CallbackDetailsWrap className="callback">
         {hasDescription && (
           <Description>
             {description !== undefined && <Markdown source={description} />}

src/components/Endpoint/Endpoint.tsx

@@ -48,7 +48,7 @@ export class Endpoint extends React.Component<EndpointProps, EndpointState> {
     return (
       <OptionsContext.Consumer>
         {options => (
-          <OperationEndpointWrap className="operation-endpoint">
+          <OperationEndpointWrap className="endpoint">
             <EndpointInfo onClick={this.toggle} expanded={expanded} inverted={inverted}>
               <HttpVerb type={operation.httpVerb} compact={this.props.compact}>
                 {operation.httpVerb}

src/components/Fields/Field.tsx

@@ -90,7 +90,7 @@ export class Field extends React.Component<FieldProps> {
 
     return (
       <>
-        <tr className={isLast ? 'last ' + className : className}>
+        <tr className={isLast ? 'last field' + className : className + ' field'}>
           {paramName}
           <PropertyDetailsCell>
             <FieldDetails {...this.props} />

src/components/Operation/Operation.tsx

@@ -35,7 +35,7 @@ export const Operation = observer(({ operation }: OperationProps): JSX.Element =
     <OptionsContext.Consumer>
       {options => (
         <Row {...{ [SECTION_ATTR]: operation.operationHash }} id={operation.operationHash}>
-          <MiddlePanel>
+          <MiddlePanel className="middle-panel">
             <H2 className="operation-header">
               <ShareLink to={operation.id} />
               {summary} {deprecated && <Badge type="warning"> Deprecated </Badge>}
@@ -61,7 +61,7 @@ export const Operation = observer(({ operation }: OperationProps): JSX.Element =
             <ResponsesList responses={operation.responses} />
             <CallbacksList callbacks={operation.callbacks} />
           </MiddlePanel>
-          <DarkRightPanel>
+          <DarkRightPanel className="right-panel">
             {!options.pathInMiddlePanel && !isWebhook && <Endpoint operation={operation} />}
             <RequestSamples operation={operation} />
             <ResponseSamples operation={operation} />

src/components/Redoc/Redoc.tsx

@@ -53,7 +53,7 @@ export class Redoc extends React.Component<RedocProps> {
                   />
                 )) ||
                   null}
-                <SideMenu menu={menu} />
+                <SideMenu menu={menu} className="side-menu" />
               </StickyResponsiveSidebar>
               <ApiContentWrap className="api-content">
                 <ApiInfo store={store} />