From 090356ba71615988bb6d4fd6b7311572ebf6b96e Mon Sep 17 00:00:00 2001
From: Gabo Esquivel <contact@gaboesquivel.com>
Date: Mon, 8 Apr 2024 09:31:40 -0600
Subject: [PATCH] feat: global categories nav

---
 apps/masterbots.ai/app/(browse)/[category]/page.tsx |  2 +-
 apps/masterbots.ai/app/(browse)/page.tsx            |  2 +-
 apps/masterbots.ai/app/b/[id]/page.tsx              |  9 +++++++--
 apps/masterbots.ai/app/u/[slug]/page.tsx            | 13 +++++++++++--
 4 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/apps/masterbots.ai/app/(browse)/[category]/page.tsx b/apps/masterbots.ai/app/(browse)/[category]/page.tsx
index 97f17749..c17fea61 100644
--- a/apps/masterbots.ai/app/(browse)/[category]/page.tsx
+++ b/apps/masterbots.ai/app/(browse)/[category]/page.tsx
@@ -24,7 +24,7 @@ export default async function BrowseCategoryPage({
   })
 
   return (
-    <div className="w-full container pb-10 mx-auto">
+    <div className="container">
       <BrowseCategoryTabs
         categories={categories}
         initialCategory={params.category}
diff --git a/apps/masterbots.ai/app/(browse)/page.tsx b/apps/masterbots.ai/app/(browse)/page.tsx
index 3b492380..1511a84e 100644
--- a/apps/masterbots.ai/app/(browse)/page.tsx
+++ b/apps/masterbots.ai/app/(browse)/page.tsx
@@ -9,7 +9,7 @@ export default async function BrowsePage() {
     limit: 50
   })
   return (
-    <div className="w-full container px-4 pb-10 mx-auto">
+    <div className="container">
       <BrowseCategoryTabs categories={categories} />
       <BrowseSearchInput />
       <ThreadList initialThreads={threads} filter={{}} />
diff --git a/apps/masterbots.ai/app/b/[id]/page.tsx b/apps/masterbots.ai/app/b/[id]/page.tsx
index 99a3c982..1bbc32ec 100644
--- a/apps/masterbots.ai/app/b/[id]/page.tsx
+++ b/apps/masterbots.ai/app/b/[id]/page.tsx
@@ -1,13 +1,16 @@
-import { getChatbot, getBrowseThreads } from '@/services/hasura'
+import { getChatbot, getBrowseThreads, getCategories } from '@/services/hasura'
 import { botNames } from '@/lib/bots-names'
 import ThreadList from '@/components/shared/thread-list'
 import AccountDetails from '@/components/shared/account-details'
+import { BrowseCategoryTabs } from '@/components/routes/browse/browse-category-tabs'
+import { BrowseSearchInput } from '@/components/routes/browse/browse-search-input'
 
 export default async function BotThreadsPage({
   params
 }: {
   params: { id: string }
 }) {
+  const categories = await getCategories()
   let chatbot, threads
 
   chatbot = await getChatbot({
@@ -23,7 +26,9 @@ export default async function BotThreadsPage({
   })
 
   return (
-    <div className="w-full py-5">
+    <div className=" container">
+      <BrowseCategoryTabs categories={categories} />
+      <BrowseSearchInput />
       <AccountDetails
         href={`/b/${chatbot.name.toLowerCase()}`}
         alt={chatbot.name}
diff --git a/apps/masterbots.ai/app/u/[slug]/page.tsx b/apps/masterbots.ai/app/u/[slug]/page.tsx
index f2608f77..cf322bc0 100644
--- a/apps/masterbots.ai/app/u/[slug]/page.tsx
+++ b/apps/masterbots.ai/app/u/[slug]/page.tsx
@@ -1,12 +1,19 @@
-import { getBrowseThreads, getUserInfoFromBrowse } from '@/services/hasura'
+import {
+  getBrowseThreads,
+  getCategories,
+  getUserInfoFromBrowse
+} from '@/services/hasura'
 import ThreadList from '@/components/shared/thread-list'
 import AccountDetails from '@/components/shared/account-details'
+import { BrowseCategoryTabs } from '@/components/routes/browse/browse-category-tabs'
+import { BrowseSearchInput } from '@/components/routes/browse/browse-search-input'
 
 export default async function BotThreadsPage({
   params
 }: {
   params: { slug: string }
 }) {
+  const categories = await getCategories()
   const user = await getUserInfoFromBrowse(params.slug)
   if (!user) return <div className="m-auto">No user found.</div>
   const threads = await getBrowseThreads({
@@ -14,7 +21,9 @@ export default async function BotThreadsPage({
     limit: 50
   })
   return (
-    <div className="w-full py-5">
+    <div className="container">
+      <BrowseCategoryTabs categories={categories} />
+      <BrowseSearchInput />
       <AccountDetails
         href={`/u/${params.slug}`}
         alt={user.username}