From 5d25b09399cd4e7e15d227f0bccd764518fc5b29 Mon Sep 17 00:00:00 2001
From: Cameron Koegel <ckoegel@bandwidth.com>
Date: Tue, 13 Sep 2022 14:24:49 -0400
Subject: [PATCH] more classNames

---
 src/components/CallbackSamples/CallbackReqSamples.tsx | 2 +-
 src/components/Callbacks/CallbackDetails.tsx          | 2 +-
 src/components/Endpoint/Endpoint.tsx                  | 2 +-
 src/components/Fields/Field.tsx                       | 2 +-
 src/components/Operation/Operation.tsx                | 4 ++--
 src/components/Redoc/Redoc.tsx                        | 2 +-
 6 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/CallbackSamples/CallbackReqSamples.tsx b/src/components/CallbackSamples/CallbackReqSamples.tsx
index e7a51723..b9a188f6 100644
--- a/src/components/CallbackSamples/CallbackReqSamples.tsx
+++ b/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>
     );
diff --git a/src/components/Callbacks/CallbackDetails.tsx b/src/components/Callbacks/CallbackDetails.tsx
index ce003c56..481c5d97 100644
--- a/src/components/Callbacks/CallbackDetails.tsx
+++ b/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} />}
diff --git a/src/components/Endpoint/Endpoint.tsx b/src/components/Endpoint/Endpoint.tsx
index 946107aa..f5723a5c 100644
--- a/src/components/Endpoint/Endpoint.tsx
+++ b/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}
diff --git a/src/components/Fields/Field.tsx b/src/components/Fields/Field.tsx
index 5c35b04b..0ed14046 100644
--- a/src/components/Fields/Field.tsx
+++ b/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} />
diff --git a/src/components/Operation/Operation.tsx b/src/components/Operation/Operation.tsx
index 2464658e..e135c31e 100644
--- a/src/components/Operation/Operation.tsx
+++ b/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} />
diff --git a/src/components/Redoc/Redoc.tsx b/src/components/Redoc/Redoc.tsx
index a3d0eef7..1a225c27 100644
--- a/src/components/Redoc/Redoc.tsx
+++ b/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} />