From 36232e3d1799162f0c4b75509b12708194dfd5b7 Mon Sep 17 00:00:00 2001
From: Pankov <eduardpanov660@gmail.com>
Date: Fri, 19 Sep 2025 15:26:21 +0300
Subject: [PATCH] SG-17839 API > Make api docs for the latest version

---
 package.json                                  |  2 +-
 .../MediaTypeSwitch/MediaTypesSwitch.tsx      | 20 +++++++++----------
 src/components/Redoc/styled.elements.tsx      |  7 ++-----
 src/components/SideMenu/SideMenu.tsx          |  8 --------
 .../StickySidebar/StickyResponsiveSidebar.tsx |  5 ++---
 src/services/models/Operation.ts              | 12 +++++------
 6 files changed, 21 insertions(+), 33 deletions(-)

diff --git a/package.json b/package.json
index 596e805a..feb509e0 100644
--- a/package.json
+++ b/package.json
@@ -49,7 +49,7 @@
     "stats": "webpack --env production --env standalone --json --profile --mode=production > stats.json",
     "prettier": "prettier --write \"src/**/*.{ts,tsx}\"",
     "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s -r 1",
-    "lint": "eslint --fix 'src/**/*.{js,ts,tsx}' --cache",
+    "lint": "eslint --fix \"src/**/*.{js,ts,tsx}\" --cache",
     "benchmark": "node ./benchmark/benchmark.js",
     "start:demo": "webpack serve --hot --config demo/webpack.config.ts --mode=development",
     "build:demo": "webpack --mode=production --config demo/webpack.config.ts",
diff --git a/src/components/MediaTypeSwitch/MediaTypesSwitch.tsx b/src/components/MediaTypeSwitch/MediaTypesSwitch.tsx
index 5e852396..b3b5b627 100644
--- a/src/components/MediaTypeSwitch/MediaTypesSwitch.tsx
+++ b/src/components/MediaTypeSwitch/MediaTypesSwitch.tsx
@@ -3,7 +3,7 @@ import * as React from 'react';
 
 import { DropdownOption, DropdownProps } from '../../common-elements/Dropdown';
 import { MediaContentModel, MediaTypeModel, SchemaModel } from '../../services/models';
-import { DropdownLabel, DropdownWrapper } from '../PayloadSamples/styled.elements';
+// import { DropdownLabel, DropdownWrapper } from '../PayloadSamples/styled.elements';
 
 export interface MediaTypeChildProps {
   schema: SchemaModel;
@@ -40,15 +40,15 @@ export class MediaTypesSwitch extends React.Component<MediaTypesSwitchProps> {
       };
     });
 
-    const Wrapper = ({ children }) =>
-      this.props.withLabel ? (
-        <DropdownWrapper>
-          <DropdownLabel>Content type</DropdownLabel>
-          {children}
-        </DropdownWrapper>
-      ) : (
-        children
-      );
+    const Wrapper = ({ children }) => (this.props.withLabel ? <></> : children);
+    // this.props.withLabel ? (
+    //   <DropdownWrapper>
+    //     <DropdownLabel>Content type</DropdownLabel>
+    //     {children}
+    //   </DropdownWrapper>
+    // ) : (
+    //   children
+    // );
 
     return (
       <>
diff --git a/src/components/Redoc/styled.elements.tsx b/src/components/Redoc/styled.elements.tsx
index 4118384e..cfc9c4f6 100644
--- a/src/components/Redoc/styled.elements.tsx
+++ b/src/components/Redoc/styled.elements.tsx
@@ -29,12 +29,9 @@ export const ApiContentWrap = styled.div`
   z-index: 1;
   position: relative;
   overflow: hidden;
-  width: calc(100% - ${props => props.theme.sidebar.width});
-  ${media.lessThan('small', true)`
-    width: 100%;
-  `};
-
+  width: 100%;
   contain: layout;
+  padding-left: 260px;
 `;
 
 export const BackgroundStub = styled.div`
diff --git a/src/components/SideMenu/SideMenu.tsx b/src/components/SideMenu/SideMenu.tsx
index cb206ba0..c6175230 100644
--- a/src/components/SideMenu/SideMenu.tsx
+++ b/src/components/SideMenu/SideMenu.tsx
@@ -7,8 +7,6 @@ import { OptionsContext } from '../OptionsProvider';
 import { MenuItems } from './MenuItems';
 
 import { PerfectScrollbarWrap } from '../../common-elements/perfect-scrollbar';
-import { RedocAttribution } from './styled.elements';
-import RedoclyLogo from './Logo';
 
 @observer
 export class SideMenu extends React.Component<{ menu: MenuStore; className?: string }> {
@@ -27,12 +25,6 @@ export class SideMenu extends React.Component<{ menu: MenuStore; className?: str
         }}
       >
         <MenuItems items={store.items} onActivate={this.activate} root={true} />
-        <RedocAttribution>
-          <a target="_blank" rel="noopener noreferrer" href="https://redocly.com/redoc/">
-            <RedoclyLogo />
-            API docs by Redocly
-          </a>
-        </RedocAttribution>
       </PerfectScrollbarWrap>
     );
   }
diff --git a/src/components/StickySidebar/StickyResponsiveSidebar.tsx b/src/components/StickySidebar/StickyResponsiveSidebar.tsx
index 5d6eb634..6268e3c6 100644
--- a/src/components/StickySidebar/StickyResponsiveSidebar.tsx
+++ b/src/components/StickySidebar/StickyResponsiveSidebar.tsx
@@ -36,13 +36,12 @@ const StyledStickySidebar = styled.div<{ $open?: boolean }>`
   /* contain: strict; TODO: breaks layout since Chrome 80*/
 
   height: 100vh;
-  position: sticky;
+  position: fixed;
   position: -webkit-sticky;
   top: 0;
+  z-index: 20;
 
   ${media.lessThan('small')`
-    position: fixed;
-    z-index: 20;
     width: 100%;
     background: ${({ theme }) => theme.sidebar.backgroundColor};
     display: ${props => (props.$open ? 'flex' : 'none')};
diff --git a/src/services/models/Operation.ts b/src/services/models/Operation.ts
index 0d0e96c6..e044873f 100644
--- a/src/services/models/Operation.ts
+++ b/src/services/models/Operation.ts
@@ -222,12 +222,12 @@ export class OperationModel implements IMenuItem {
 
       samples = [
         ...samples.slice(0, insertInx),
-        {
-          lang: 'payload',
-          label: 'Payload',
-          source: '',
-          requestBodyContent,
-        },
+        // {
+        //   lang: 'payload',
+        //   label: 'Payload',
+        //   source: '',
+        //   requestBodyContent,
+        // },
         ...samples.slice(insertInx),
       ];
     }