From 73dd482fbb6ab88df7f1aca0e2b85f79fbb9f8f2 Mon Sep 17 00:00:00 2001
From: Pedro Castro <aspeddro@gmail.com>
Date: Sat, 5 Jul 2025 11:52:15 -0300
Subject: [PATCH] api docs: add breadcrumbs

---
 src/ApiDocs.res                   | 9 +++++----
 src/layouts/ApiOverviewLayout.res | 7 ++++++-
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/ApiDocs.res b/src/ApiDocs.res
index 0dca67f9d..dbbb48bff 100644
--- a/src/ApiDocs.res
+++ b/src/ApiDocs.res
@@ -370,14 +370,15 @@ let default = (props: props) => {
   | Error(_) => React.null
   }
 
-  let prefix = {
-    {Url.name: "API", href: "/docs/manual/" ++ (version ++ "/api")}
-  }
+  let prefix = {Url.name: "API", href: "/docs/manual/" ++ (version ++ "/api")}
 
   let breadcrumbs = ApiLayout.makeBreadcrumbs(~prefix, router.asPath)
 
   <SidebarLayout
-    breadcrumbs
+    breadcrumbs={list{
+      {Url.name: "Docs", href: "/docs/manual/" ++ version ++ "/introduction"},
+      ...breadcrumbs,
+    }}
     metaTitle={title ++ " | ReScript API"}
     theme=#Reason
     components=ApiMarkdown.default
diff --git a/src/layouts/ApiOverviewLayout.res b/src/layouts/ApiOverviewLayout.res
index 94c21c7bb..10f23a912 100644
--- a/src/layouts/ApiOverviewLayout.res
+++ b/src/layouts/ApiOverviewLayout.res
@@ -30,7 +30,12 @@ module Docs = {
 
     let categories = makeCategories(version)
 
-    <ApiLayout categories version components>
+    let breadcrumbs = list{
+      {Url.name: "Docs", href: "/docs/manual/" ++ version ++ "/introduction"},
+      {name: "API", href: "/docs/manual/" ++ (version ++ "/api")},
+    }
+
+    <ApiLayout breadcrumbs categories version components>
       {switch version {
       | "v9.0.0" | "v8.0.0" => <ApiLayout.OldDocsWarning route version />
       | _ => React.null