fixes

Author: alexcambose

apps/developer-hub/content/docs/meta.json

@@ -1,12 +1,3 @@
 {
-  "pages": [
-    "pyth-core",
-    "pyth-token",
-    "oracle-integrity-staking",
-    "express-relay",
-    "entropy",
-    "metrics",
-    "whitepaper",
-    "security"
-  ]
+  "pages": ["price-feeds"]
 }

apps/developer-hub/src/app/(docs)/[section]/layout.tsx

@@ -0,0 +1,21 @@
+import { DocsLayout } from "fumadocs-ui/layouts/docs";
+import type { ReactNode } from "react";
+
+import { docsOptions } from "../../../config/layout.config";
+
+export default async function Layout({
+  children,
+  ...props
+}: {
+  children: ReactNode;
+  params: Promise<{ section: string }>;
+}) {
+  const params = await props.params;
+  const options = { ...docsOptions };
+  options.sidebar = {
+    ...options.sidebar,
+    // {} (empty object) means true
+    tabs: params.section === "price-feeds" ? {} : false,
+  };
+  return <DocsLayout {...options}>{children}</DocsLayout>;
+}

apps/developer-hub/src/app/(docs)/layout.tsx

@@ -0,0 +1 @@
+export { Homepage as default } from "../../components/Pages/Homepage";

apps/developer-hub/src/app/price-feeds/page.tsx

@@ -17,8 +17,7 @@ export const baseOptions: BaseLayoutProps = {
 
 export const docsOptions: DocsLayoutProps = {
   ...baseOptions,
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-explicit-any
-  tree: source.pageTree as any,
+  tree: source.pageTree,
   sidebar: {
     tabs: false,
     collapsible: false,

apps/developer-hub/src/config/layout.config.tsx

@@ -56,6 +56,7 @@ export const source = loader({
   },
   source: docs.toFumadocsSource(),
   pageTree: {
+    // types are very similar but not exactly the same
     // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
     transformers: [transformerOpenAPI()],
   },

apps/developer-hub/src/lib/source.ts

@@ -36,7 +36,8 @@
   @each $variant in ("neutral", "info", "warning", "error", "data", "success") {
     &[data-variant="#{$variant}"] {
       background-color: theme.color("states", $variant, "background");
-
+      border: theme.spacing(1) solid theme.color("states", $variant, "normal");
+      
       .icon {
         color: theme.color("states", $variant, "normal");
       }

packages/component-library/src/InfoBox/index.module.scss

@@ -35,7 +35,7 @@ const meta = {
     },
     variant: {
       control: "select",
-      options: ["Neutral", "Info", "Warning", "Error", "Data", "Success"],
+      options: ["neutral", "info", "warning", "error", "data", "success"],
       description: "The variant of the info box.",
       table: {
         category: "Appearance",