feat: global categories nav

bitcashorg · Apr 8, 2024 · 090356b · 090356b
1 parent a103a90
commit 090356b
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 6 deletions.
diff --git 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
@@ -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
@@ -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
@@ -1,20 +1,29 @@
-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({
     slug: params.slug,
     limit: 50
   })
   return (
-    <div className="w-full py-5">
+    <div className="container">
+      <BrowseCategoryTabs categories={categories} />
+      <BrowseSearchInput />
       <AccountDetails
         href={`/u/${params.slug}`}
         alt={user.username}