diff --git a/packages/api-explorer/src/CodeSample.jsx b/packages/api-explorer/src/CodeSample.jsx
index 696b2c332..5bebeddf3 100644
--- a/packages/api-explorer/src/CodeSample.jsx
+++ b/packages/api-explorer/src/CodeSample.jsx
@@ -9,107 +9,91 @@ const syntaxHighlighter = require('@readme/syntax-highlighter');
const generateCodeSnippet = require('./lib/generate-code-snippet');
-class CodeSample extends React.Component {
- constructor(props) {
- super(props);
- this.state = {
- customCodeSampleTab: 0,
- };
- this.setCustomCodeSampleTab = this.setCustomCodeSampleTab.bind(this);
- }
- setCustomCodeSampleTab(index) {
- this.setState({ customCodeSampleTab: index });
- }
+function CodeSample({ oas, setLanguage, operation, formData, language, customCodeSamples }) {
+ return (
+
+ {(() => {
+ if (!oas[extensions.SAMPLES_ENABLED]) {
+ return
No code samples available
;
+ }
- render() {
- const { oas, setLanguage, operation, formData, language, customCodeSamples } = this.props;
+ const snippet = generateCodeSnippet(oas, operation, formData, language);
- return (
-
- {(() => {
- if (!oas[extensions.SAMPLES_ENABLED]) {
- return
No code samples available
;
- }
-
- const snippet = generateCodeSnippet(oas, operation, formData, language);
-
- if (customCodeSamples.length) {
- return (
-
-
-
- {customCodeSamples.map((example, index) => {
- return (
-
- );
- })}
-
-
- );
- }
+ if (customCodeSamples.length) {
return (
-
-
-
+
+ {customCodeSamples.map(example => {
+ return (
+
+ );
+ })}
);
- })()}
-
- );
- }
+ }
+ return (
+
+ );
+ })()}
+
+ );
}
CodeSample.propTypes = {