From ab74fcdaf8e68270aaec9c96d18666c86cf17094 Mon Sep 17 00:00:00 2001
From: GiselleNessi <gisecn@gmail.com>
Date: Wed, 14 May 2025 15:09:12 +0000
Subject: [PATCH] add new apis tab to nav (#7044)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

<!--

## title your PR with this format: "[SDK/Dashboard/Portal] Feature/Fix: Concise title for the changes"

If you did not copy the branch name from Linear, paste the issue tag here (format is TEAM-0000):

## Notes for the reviewer

Anything important to call out? Be sure to also clarify these in your comments.

## How to test

Unit tests, playground, etc.

-->

<!-- start pr-codex -->

---

## PR-Codex overview
This PR adds a new section to the `Header` component in the `Header.tsx` file, introducing `apisLinks` for API documentation links and integrating a `DropdownLinks` component for displaying these links.

### Detailed summary
- Added a new constant `apisLinks` containing links to API documentation.
- Introduced a `DropdownLinks` component to display `apisLinks` in the header.
- Adjusted padding in the header's layout from `xl:px-2` to `xl:px-1` for the new dropdown.

> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`

<!-- end pr-codex -->
---
 apps/portal/src/app/Header.tsx | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/apps/portal/src/app/Header.tsx b/apps/portal/src/app/Header.tsx
index 551fd249562..357a97a6910 100644
--- a/apps/portal/src/app/Header.tsx
+++ b/apps/portal/src/app/Header.tsx
@@ -117,6 +117,21 @@ export const connectLinks: Array<{
   },
 ] as const;
 
+const apisLinks = [
+  {
+    name: "Insight",
+    href: "https://insight-api.thirdweb.com/reference",
+  },
+  {
+    name: "Engine Cloud",
+    href: "https://engine.thirdweb.com/reference#tag/write",
+  },
+  {
+    name: "Universal Bridge",
+    href: "https://bridge.thirdweb.com/reference",
+  },
+];
+
 const supportLinks = [
   {
     name: "Get thirdweb support",
@@ -221,7 +236,15 @@ export function Header() {
               <DocSearch variant="search" />
             </div>
 
-            <div className="xl:px-2">
+            <div className="xl:px-1">
+              <DropdownLinks
+                links={apisLinks}
+                onLinkClick={() => setShowBurgerMenu(false)}
+                category="APIs"
+              />
+            </div>
+
+            <div className="xl:px-1">
               <DropdownLinks
                 links={supportLinks}
                 onLinkClick={() => setShowBurgerMenu(false)}