docs: Add cURL command to ApiRequest component.

Unleash · Feb 10, 2022 · d0c4eb2 · d0c4eb2
1 parent 1eb4ae9
commit d0c4eb2
Showing 1 changed file with 17 additions and 5 deletions.
diff --git a/website/src/components/ApiRequest.jsx b/website/src/components/ApiRequest.jsx
@@ -18,27 +18,39 @@ import CodeBlock from '@theme/CodeBlock';
 const indentation = 2;
 
 const Component = ({ verb, payload, url, title }) => {
-    const verbUpper = verb?.toUpperCase() || ""
-    const prettyPayload = JSON.stringify(payload, null, indentation)
+    const verbUpper = verb?.toUpperCase() || '';
+    const prettyPayload = JSON.stringify(payload, null, indentation);
 
     return (
         <Tabs groupId="api-request">
             <TabItem value="http" label="HTTP">
                 <CodeBlock language="http" title={title}>
-                    {`${verbUpper} <unleash-url>/${url}
+                    {`
+${verbUpper} <unleash-url>/${url}
 Authorization: <API-token>
 content-type: application/json
 
 ${prettyPayload}
-`}
+`.trim()}
+                </CodeBlock>
+            </TabItem>
+            <TabItem value="curl" label="cURL">
+                <CodeBlock language="bash" title={title}>
+                    {`
+curl -H "Content-Type: application/json" \\
+     -H "Authorization: <API-token>" \\
+     -X ${verbUpper}
+     -d '${prettyPayload}' \\
+     <unleash-url>/${url}
+`.trim()}
                 </CodeBlock>
             </TabItem>
             <TabItem value="httpie" label="HTTPie">
                 <CodeBlock language="bash" title={title}>
                     {`echo '${prettyPayload}' \\
 | http ${verbUpper} \\
   <unleash-url>/${url} \\
-  Authorization:<API-token>`}
+  Authorization:<API-token>`.trim()}
                 </CodeBlock>
             </TabItem>
         </Tabs>