Merge pull request #51 from smutyala1at/main

fix(metadata): add correct params type

Author: jinglescode

apps/docs/app/(docs)/[...slug]/page.tsx

@@ -57,6 +57,7 @@ export async function generateMetadata({
 
   const image = ['/docs-og', ...slug, 'image.png'].join('/');
   return {
+    metadataBase: new URL("https://meshjs.dev"),
     title: page.data.title,
     description: page.data.description,
     openGraph: {

apps/docs/app/docs-og/[...slug]/route.tsx

@@ -4,7 +4,7 @@ import { notFound } from 'next/navigation';
 
 export async function GET(
   _req: Request,
-  { params }: RouteContext<'/docs-og/[...slug]'>,
+  { params }: { params: Promise<{ slug: string[] }> }
 ) {
   const { slug } = await params;
   const page = source.getPage(slug.slice(0, -1));

apps/docs/components/ui/NavLinks.tsx

@@ -13,9 +13,16 @@ import clsx from 'clsx';
 import * as heroIcons from '@heroicons/react/24/solid';
 import { iconResolver } from "@/lib/iconResolver";
 
-const colors = [
-  "blue", "purple", "pink", "green", "teal", "yellow", "red", "lime"
-]
+const colorClasses = [
+  "text-blue-500",
+  "text-purple-500",
+  "text-pink-500",
+  "text-green-500",
+  "text-teal-500",
+  "text-yellow-500",
+  "text-red-500",
+  "text-lime-500",
+];
 
 export const navbarLinks: LinkItemType[] = [
   {
@@ -32,7 +39,7 @@ export const navbarLinks: LinkItemType[] = [
                   <item.icon className={
                       clsx(
                         "mr-3 h-5 w-5",
-                        index < 8 && `text-${colors[index]}-500`
+                        colorClasses[index % colorClasses.length]
                       )
                     }
                   />
@@ -68,7 +75,7 @@ export const navbarLinks: LinkItemType[] = [
                 <item.icon className={
                       clsx(
                         "mr-3 h-5 w-5",
-                        index < 8 && `text-${colors[8-(index+1)]}-500`
+                        colorClasses[8-(index+1) % colorClasses.length]
                       )
                     }
                   />
@@ -99,7 +106,7 @@ export const navbarLinks: LinkItemType[] = [
                 <item.icon className={
                       clsx(
                         "mr-3 h-5 w-5",
-                        index < 8 && `text-${colors[(index * 3 % colors.length)]}-500`
+                        colorClasses[(index * 3 % colorClasses.length)]
                       )
                     }
                   />
@@ -130,7 +137,7 @@ export const navbarLinks: LinkItemType[] = [
                 <item.icon className={
                       clsx(
                         "mr-3 h-5 w-5",
-                        index < 8 && (["About Us", "Support Us"].includes(item.title) ? "text-red-500" : `text-${colors[(index * 5 % colors.length)]}-500`)
+                        (["About Us", "Support Us"].includes(item.title) ? "text-red-500" : colorClasses[index % colorClasses.length])
                       )
                     }
                   />

apps/docs/data/links-data.ts

@@ -6,8 +6,6 @@ import {
   WrenchIcon,
 } from "@heroicons/react/24/solid";
 
-import { MenuItem } from "~/types/menu-item";
-
 export const metaOverview = {
   title: "Data Overview",
   desc: "Learn about the basics, and how Mesh handles Cardano data",
@@ -46,7 +44,7 @@ export const metaDataUtils = {
   icon: WrenchIcon,
 };
 
-export const linksData: MenuItem[] = [
+export const linksData = [
   metaOverview,
   metaDataMesh,
   metaDataJson,

apps/docs/data/links-react.ts

@@ -5,8 +5,6 @@ import {
   RocketLaunchIcon,
 } from "@heroicons/react/24/solid";
 
-import { MenuItem } from "~/types/menu-item";
-
 export const metaReactGettingstarted = {
   title: "Getting Started with React",
   desc: "Frontend components for wallet connections, and useful React hooks to getting wallet states",
@@ -26,7 +24,7 @@ export const metaReactWallethooks = {
   icon: BoltIcon,
 };
 
-export const linksReact: MenuItem[] = [
+export const linksReact = [
   metaReactGettingstarted,
   metaReactUicomponents,
   metaReactWallethooks,

apps/docs/data/links-svelte.ts

@@ -4,8 +4,6 @@ import {
   RocketLaunchIcon,
 } from "@heroicons/react/24/solid";
 
-import { MenuItem } from "~/types/menu-item";
-
 export const metaSvelteGettingstarted = {
   title: "Getting Started with Svelte",
   desc: "Svelte frontend components for wallet connections.",
@@ -19,7 +17,7 @@ export const metaSvelteUicomponents = {
   icon: PaintBrushIcon,
 };
 
-export const linksSvelte: MenuItem[] = [
+export const linksSvelte = [
   metaSvelteGettingstarted,
   metaSvelteUicomponents,
 ];