docs: redesign sidebar (#8408)

* initial changes * redesign the sidebar + nav drawer * changes to sidebar items * finish up sidebar redesign * support new sidebar in resources * general fixes * integrate in ui * support api reference * refactor * integrate in user guide * docs: fix build errors * fix user guide build * more refactoring * added banner * added bottom logo + icon * fix up sidebar * fix up paddings * fix shadow bottom * docs: add table of content (#8445) * add toc types * implement toc functionality * finished toc redesign * redesigned table of content * mobile fixes * truncate text in toc * mobile fixes * merge fixes * implement redesign * add hide sidebar * add menu action item * finish up hide sidebar design * implement redesign in resources * integrate in api reference * integrate changes in ui * fixes to api reference scrolling * fix build error * fix build errors * fixes * fixes to sidebar * general fixes * fix active category not closing * fix long titles
2024-08-15 12:13:13 +03:00
parent 4cb28531e5
commit b4f3b8a79d
157 changed files with 5080 additions and 2010 deletions
@@ -0,0 +1,51 @@
+"use client"
+
+import React, { createContext, useContext, useMemo, useState } from "react"
+import { NavigationDropdownItem } from "types"
+
+export type MainNavContext = {
+  navItems: NavigationDropdownItem[]
+  activeItem?: NavigationDropdownItem
+  reportIssueLink: string
+}
+
+const MainNavContext = createContext<MainNavContext | null>(null)
+
+export type MainNavProviderProps = {
+  navItems: NavigationDropdownItem[]
+  reportIssueLink: string
+  children?: React.ReactNode
+}
+
+export const MainNavProvider = ({
+  navItems,
+  reportIssueLink,
+  children,
+}: MainNavProviderProps) => {
+  const activeItem = useMemo(
+    () => navItems.find((item) => item.type === "link" && item.isActive),
+    [navItems]
+  )
+
+  return (
+    <MainNavContext.Provider
+      value={{
+        navItems,
+        activeItem,
+        reportIssueLink,
+      }}
+    >
+      {children}
+    </MainNavContext.Provider>
+  )
+}
+
+export const useMainNav = () => {
+  const context = useContext(MainNavContext)
+
+  if (!context) {
+    throw new Error("useMainNav must be used within a MainNavProvider")
+  }
+
+  return context
+}