Merge pull request #17 from okto-hq/minor-changes

fix: minor navbar error

.content-collections/generated/index.js

@@ -1,4 +1,4 @@
-// generated by content-collections at Sat Feb 01 2025 19:51:24 GMT+0530 (India Standard Time)
+// generated by content-collections at Sun Feb 02 2025 22:02:53 GMT+0530 (India Standard Time)
 
 import allBlogs from "./allBlogs.js";
 

app/components/Navbar.tsx

@@ -52,15 +52,15 @@ export default function NavbarComponent() {
 
   const sdkOptions = [
     { href: "/docs/typescript-sdk", label: "Typescript", subpath: '/', icons: <SiTypescript /> },
-    { href: "/docs/react", label: "React", subpath: '/', icons: <FaReact /> },
+    { href: "/docs/react-sdk", label: "React", subpath: '/', icons: <FaReact /> },
     { href: "/docs/react-native-sdk", label: "React Native", subpath: '/', icons: <TbBrandReactNative /> },
     { href: "/docs/flutter-sdk", label: "Flutter", subpath: '/', icons: <SiFlutter /> },
     // { href: "/docs", label: "Unity", subpath: '/unity-sdk', icons: <FaUnity /> },
   ];
 
   const getFrameworkLabel = () => {
     if (pathname.startsWith('/docs/typescript-sdk')) return 'Typescript';
-    if (pathname.startsWith('/docs/react')) return 'React';
+    if (pathname.startsWith('/docs/react-sdk')) return 'React';
     if (pathname.startsWith('/docs/react-native-sdk')) return 'React Native';
     if (pathname.startsWith('/docs/flutter-sdk')) return 'Flutter';
     return 'SDKs';
@@ -103,14 +103,15 @@ export default function NavbarComponent() {
                   ? "text-blue-600"
                   : `${poppinsLight.className}`
                   } pb-1`}
+                  target={item.href.startsWith('/docs/developer-admin-dashboard') ? '_self' : '_blank'}
               >
                 {item.label}
               </ULink>
             </NavbarItem>
           ))}
           <DropdownMenu>
             <DropdownMenuTrigger asChild>
-              <SCButton variant="ghost" className={`text-md flex hover:bg-transparent hover:text-inherit items-center gap-1 p-0 ${pathname.startsWith('/docs/react-sdk') || pathname.startsWith('/docs/react-native-sdk') || pathname.startsWith('/docs/flutter-sdk') ? "text-blue-600 hover:text-blue-600" : `${poppinsLight.className} hover:text-inherit` }`}>
+              <SCButton variant="ghost" className={`text-md flex hover:bg-transparent hover:text-inherit items-center gap-1 p-0 ${pathname.startsWith('/docs/typescript-sdk') || pathname.startsWith('/docs/react-sdk') || pathname.startsWith('/docs/react-native-sdk') || pathname.startsWith('/docs/flutter-sdk') ? "text-blue-600 hover:text-blue-600" : `${poppinsLight.className} hover:text-inherit` }`}>
                 {getFrameworkLabel()} <ChevronDown className="h-5 w-5 font-normal" />
               </SCButton>
             </DropdownMenuTrigger>
@@ -139,7 +140,7 @@ export default function NavbarComponent() {
         </NavbarItem>
         <NavbarItem className="hidden lg:flex">
           <SCButton variant="outline" className="rounded-full flex gap-1 hover:bg-[#F5F6FE] dark:hover:bg-gray-700 hover:text-[#5166EE] dark:hover:text-[#7C8FFF]">
-            <Link href="http://bit.ly/okto-grants" target="_blank">Grants</Link>
+            <Link href="https://oktohq.notion.site/Okto-Grants-Program-13f8d0b09e5b8075a646d5dbaa394eeb" target="_blank">Grants</Link>
             <MdOutlineArrowOutward size={".9rem"} />
           </SCButton>
         </NavbarItem>

content/docs/meta.json

@@ -11,7 +11,7 @@
       "---SDK---",
       "okto-sdk",
       "typescript-sdk",
-      "react",
+      "react-sdk",
       "react-native-sdk",
       "flutter-sdk",
       "rate-limits",

content/docs/react-sdk-old/index.mdx

@@ -0,0 +1,5 @@
+---
+title: Overview of React SDK
+description: Okto is a platform that allows you to integrate web3 functionality into your app without building things from scratch.
+full: false
+---

content/docs/react-sdk-old/meta.json

@@ -0,0 +1,10 @@
+{
+    "title": "React",
+    "pages": [
+        "index",
+        "getting-started",
+        "authentication",
+        "usage"
+    ],
+    "root": true
+  }

content/docs/react-sdk/index.mdx

@@ -1,5 +1,5 @@
 ---
 title: Overview of React SDK
-description: Okto is a platform that allows you to integrate web3 functionality into your app without building things from scratch.
+description: A complete guide to integrating Okto into your React applications.
 full: false
----
+---

content/docs/react-sdk/meta.json

@@ -1,10 +1,22 @@
 {
-    "title": "React",
-    "pages": [
-        "index",
-        "getting-started",
-        "authentication",
-        "usage"
-    ],
-    "root": true
-  }
+  "title": "React",
+  "pages": [
+    "index",
+    "quickstart",
+    "v2migration",
+    "---Authentication---",
+    "google-Oauth",
+    "login",
+    "---Usage---",
+    "overview",
+    "(hooks)",
+    "(Account)",
+    "(Explorer)",
+    "(UserOps)",
+    "---Reference---",
+    "constants",
+    "changelog",
+    "(Example Apps)"
+  ],
+  "root": true
+}