From a1ca495bda5520f7e2f8766214bd9877009512a3 Mon Sep 17 00:00:00 2001
From: glosier <glosier@customer.io>
Date: Mon, 28 Dec 2020 08:43:51 -0800
Subject: [PATCH] =?UTF-8?q?make=20buttons=20less=20wonky=20=E2=80=94=20che?=
 =?UTF-8?q?ap,=20fast=20substitute=20for=20a=20selector?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 demo/openapi.yaml                             | 57 ++++++++++++++++++-
 .../RequestSamples/RequestSamples.tsx         | 10 +++-
 2 files changed, 64 insertions(+), 3 deletions(-)

diff --git a/demo/openapi.yaml b/demo/openapi.yaml
index 74c16b70..031b8d6e 100644
--- a/demo/openapi.yaml
+++ b/demo/openapi.yaml
@@ -132,7 +132,62 @@ paths:
               // Something wrong -- check response for errors
               Console.WriteLine(response.getRawResponse());
             }
-        - lang: PHP
+        - lang: Shell + curl
+          source: |
+            $form = new \PetStore\Entities\Pet();
+            $form->setPetType("Dog");
+            $form->setName("Rex");
+            // set other fields
+            try {
+                $pet = $client->pets()->create($form);
+            } catch (UnprocessableEntityException $e) {
+                var_dump($e->getErrors());
+            }
+        - lang: Node + native
+          source: |
+            $form = new \PetStore\Entities\Pet();
+            $form->setPetType("Dog");
+            $form->setName("Rex");
+            // set other fields
+            try {
+                $pet = $client->pets()->create($form);
+            } catch (UnprocessableEntityException $e) {
+                var_dump($e->getErrors());
+            }
+        - lang: Go + native
+          source: |
+            $form = new \PetStore\Entities\Pet();
+            $form->setPetType("Dog");
+            $form->setName("Rex");
+            // set other fields
+            try {
+                $pet = $client->pets()->create($form);
+            } catch (UnprocessableEntityException $e) {
+                var_dump($e->getErrors());
+            }
+        - lang: Ruby + native
+          source: |
+            $form = new \PetStore\Entities\Pet();
+            $form->setPetType("Dog");
+            $form->setName("Rex");
+            // set other fields
+            try {
+                $pet = $client->pets()->create($form);
+            } catch (UnprocessableEntityException $e) {
+                var_dump($e->getErrors());
+            }
+        - lang: Javascript + jquery
+          source: |
+            $form = new \PetStore\Entities\Pet();
+            $form->setPetType("Dog");
+            $form->setName("Rex");
+            // set other fields
+            try {
+                $pet = $client->pets()->create($form);
+            } catch (UnprocessableEntityException $e) {
+                var_dump($e->getErrors());
+            }
+        - lang: Python + python3
           source: |
             $form = new \PetStore\Entities\Pet();
             $form->setPetType("Dog");
diff --git a/src/components/RequestSamples/RequestSamples.tsx b/src/components/RequestSamples/RequestSamples.tsx
index 89b12d74..79ad75d4 100644
--- a/src/components/RequestSamples/RequestSamples.tsx
+++ b/src/components/RequestSamples/RequestSamples.tsx
@@ -31,8 +31,14 @@ export class RequestSamples extends React.Component<RequestSamplesProps> {
           <Tabs defaultIndex={0}>
             <TabList hidden={hideTabList}>
               {samples.map(sample => (
-                <Tab key={sample.lang + '_' + (sample.label || '')}>
-                  {sample.label !== undefined ? sample.label : sample.lang}
+                <Tab className="exampleButton" key={sample.lang + '_' + (sample.label || '')}>
+                  {sample.label !== undefined ? sample.label : 
+                  sample.lang === 'Shell + curl' ? sample.lang.slice(8) : 
+                  sample.lang === 'Node + native' ? sample.lang.slice(0, 4) :
+                  sample.lang === 'Go + native' ? sample.lang.slice(0, 2) :
+                  sample.lang === 'Ruby + native' ? sample.lang.slice(0, 4) : 
+                  sample.lang === 'Python + python3' ? sample.lang.slice(9) : 
+                  sample.lang === 'Javascript + jquery' ? sample.lang.slice(0, 10) : sample.lang}
                 </Tab>
               ))}
             </TabList>