From 9f89e3e9f0ec1c14c14740a7c7c47da19ddcd78c Mon Sep 17 00:00:00 2001
From: Yurov Dmitry <dmitry.yurov@corp.mail.ru>
Date: Thu, 28 Mar 2019 11:06:20 +0300
Subject: [PATCH] request single sample

---
 .../RequestSamples/RequestSamples.tsx         | 45 ++++++++++---------
 1 file changed, 25 insertions(+), 20 deletions(-)

diff --git a/src/components/RequestSamples/RequestSamples.tsx b/src/components/RequestSamples/RequestSamples.tsx
index 22d4f43a..d2f08f8d 100644
--- a/src/components/RequestSamples/RequestSamples.tsx
+++ b/src/components/RequestSamples/RequestSamples.tsx
@@ -26,28 +26,33 @@ export class RequestSamples extends React.Component<RequestSamplesProps> {
         <div>
           <RightPanelHeader> Request samples </RightPanelHeader>
 
-          <Tabs defaultIndex={0}>
-            <TabList>
-              {hasBodySample && <Tab key="payload"> Payload </Tab>}
+          {samples.length > 0 ?
+            <Tabs defaultIndex={0}>
+              <TabList>
+                {hasBodySample && <Tab key="payload"> Payload </Tab>}
+                {samples.map(sample => (
+                  <Tab key={sample.lang}>
+                    {sample.label !== undefined ? sample.label : sample.lang}
+                  </Tab>
+                ))}
+              </TabList>
+              {hasBodySample && (
+                <TabPanel key="payload">
+                  <div>
+                    <PayloadSamples content={requestBodyContent!} />
+                  </div>
+                </TabPanel>
+              )}
               {samples.map(sample => (
-                <Tab key={sample.lang}>
-                  {sample.label !== undefined ? sample.label : sample.lang}
-                </Tab>
+                <TabPanel key={sample.lang}>
+                  <SourceCodeWithCopy lang={sample.lang} source={sample.source} />
+                </TabPanel>
               ))}
-            </TabList>
-            {hasBodySample && (
-              <TabPanel key="payload">
-                <div>
-                  <PayloadSamples content={requestBodyContent!} />
-                </div>
-              </TabPanel>
-            )}
-            {samples.map(sample => (
-              <TabPanel key={sample.lang}>
-                <SourceCodeWithCopy lang={sample.lang} source={sample.source} />
-              </TabPanel>
-            ))}
-          </Tabs>
+            </Tabs>
+            : <div>
+              <PayloadSamples content={requestBodyContent!} />
+            </div>
+          }
         </div>
       )) ||
       null