fix(docs): tabs for the fetch and verify script (#476)

flare-foundation · Jan 8, 2025 · 99d7b09 · 99d7b09
2 parents 2ef8dd4 + 80e39e2
commit 99d7b09
Showing 1 changed file with 30 additions and 12 deletions.
diff --git a/docs/ftso/scaling/2-getting-started.mdx b/docs/ftso/scaling/2-getting-started.mdx
@@ -207,15 +207,33 @@ An example contract verifying and consuming anchor feeds onchain
 
 The following example shows how to query feed and proof data from DA Layer and submit it to the onchain consumer:
 
-<CodeBlock language="javascript" title="fetch_and_verify_anchor_onchain.js">
-  {FetchAndVerifyAnchorOnchainJs}
-</CodeBlock>
-<CodeBlock language="python" title="fetch_and_verify_anchor_onchain.py">
-  {FetchAndVerifyAnchorOnchainPy}
-</CodeBlock>
-<CodeBlock language="rust" title="fetch_and_verify_anchor_onchain.rs">
-  {FetchAndVerifyAnchorOnchainRs}
-</CodeBlock>
-<CodeBlock language="go" title="fetch_and_verify_anchor_onchain.go">
-  {FetchAndVerifyAnchorOnchainGo}
-</CodeBlock>
+<Tabs>
+  <TabItem value="javascript" label="Javascript" default>
+
+    <CodeBlock language="javascript" title="fetch_and_verify_anchor_onchain.js">
+      {FetchAndVerifyAnchorOnchainJs}
+    </CodeBlock>
+
+  </TabItem>
+  <TabItem value="python" label="Python">
+
+    <CodeBlock language="python" title="fetch_and_verify_anchor_onchain.py">
+      {FetchAndVerifyAnchorOnchainPy}
+    </CodeBlock>
+
+  </TabItem>
+  <TabItem value="go" label="Go">
+
+    <CodeBlock language="go" title="fetch_and_verify_anchor_onchain.go">
+      {FetchAndVerifyAnchorOnchainGo}
+    </CodeBlock>
+
+  </TabItem>
+  <TabItem value="rust" label="Rust">
+
+    <CodeBlock language="rust" title="fetch_and_verify_anchor_onchain.rs">
+      {FetchAndVerifyAnchorOnchainRs}
+    </CodeBlock>
+
+  </TabItem>
+</Tabs>