chore: move shared components

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

Hide file tree

Showing 10 changed files with 28 additions and 30 deletions.
diff --git a/apps/masterbots.ai/app/(browse)/[category]/[threadId]/page.tsx b/apps/masterbots.ai/app/(browse)/[category]/[threadId]/page.tsx
@@ -1,10 +1,10 @@
 import { getCategories, getMessagePairs, getThread } from '@/services/hasura'
 
 import type { ChatPageProps } from '@/app/c/[chatbot]/[threadId]/page'
-import Shortlink from '@/components/routes/browse/shortlink-button'
+import Shortlink from '@/components/shared/shortlink-button'
 import { ThreadAccordion } from '@/components/shared/thread-accordion'
-import { BrowseCategoryTabs } from '@/components/routes/browse/browse-category-tabs'
-import { BrowseSearchInput } from '@/components/routes/browse/browse-search-input'
+import { CategoryTabs } from '@/components/shared/category-tabs/category-tabs'
+import { BrowseInput } from '@/components/shared/browse-input'
 
 export default async function ThreadLandingPage({ params }: ChatPageProps) {
   const categories = await getCategories()
@@ -15,8 +15,8 @@ export default async function ThreadLandingPage({ params }: ChatPageProps) {
 
   return (
     <div className="container">
-      <BrowseCategoryTabs categories={categories} />
-      <BrowseSearchInput />
+      <CategoryTabs categories={categories} />
+      <BrowseInput />
       <Shortlink />
       <ThreadAccordion
         thread={thread}

diff --git a/apps/masterbots.ai/app/(browse)/[category]/page.tsx b/apps/masterbots.ai/app/(browse)/[category]/page.tsx
@@ -1,6 +1,6 @@
 import ThreadList from '@/components/shared/thread-list'
-import { BrowseCategoryTabs } from '@/components/routes/browse/browse-category-tabs'
-import { BrowseSearchInput } from '@/components/routes/browse/browse-search-input'
+import { CategoryTabs } from '@/components/shared/category-tabs/category-tabs'
+import { BrowseInput } from '@/components/shared/browse-input'
 import { getBrowseThreads, getCategories } from '@/services/hasura'
 
 export const revalidate = 3600 // revalidate the data at most every hour
@@ -25,11 +25,8 @@ export default async function BrowseCategoryPage({
 
   return (
     <div className="container">
-      <BrowseCategoryTabs
-        categories={categories}
-        initialCategory={params.category}
-      />
-      <BrowseSearchInput />
+      <CategoryTabs categories={categories} initialCategory={params.category} />
+      <BrowseInput />
       <ThreadList initialThreads={threads} filter={{ categoryId }} />
     </div>
   )

diff --git a/apps/masterbots.ai/app/(browse)/page.tsx b/apps/masterbots.ai/app/(browse)/page.tsx
@@ -1,6 +1,6 @@
 import ThreadList from '@/components/shared/thread-list'
-import { BrowseCategoryTabs } from '@/components/routes/browse/browse-category-tabs'
-import { BrowseSearchInput } from '@/components/routes/browse/browse-search-input'
+import { CategoryTabs } from '@/components/shared/category-tabs/category-tabs'
+import { BrowseInput } from '@/components/shared/browse-input'
 import { getBrowseThreads, getCategories } from '@/services/hasura'
 
 export default async function BrowsePage() {
@@ -10,8 +10,8 @@ export default async function BrowsePage() {
   })
   return (
     <div className="container">
-      <BrowseCategoryTabs categories={categories} />
-      <BrowseSearchInput />
+      <CategoryTabs categories={categories} />
+      <BrowseInput />
       <ThreadList initialThreads={threads} filter={{}} />
     </div>
   )

diff --git a/apps/masterbots.ai/app/b/[id]/page.tsx b/apps/masterbots.ai/app/b/[id]/page.tsx
@@ -2,8 +2,8 @@ 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'
+import { CategoryTabs } from '@/components/shared/category-tabs/category-tabs'
+import { BrowseInput } from '@/components/shared/browse-input'
 
 export default async function BotThreadsPage({
   params
@@ -27,8 +27,8 @@ export default async function BotThreadsPage({
 
   return (
     <div className=" container">
-      <BrowseCategoryTabs categories={categories} />
-      <BrowseSearchInput />
+      <CategoryTabs categories={categories} />
+      <BrowseInput />
       <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
@@ -5,8 +5,8 @@ import {
 } 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'
+import { CategoryTabs } from '@/components/shared/category-tabs/category-tabs'
+import { BrowseInput } from '@/components/shared/browse-input'
 
 export default async function BotThreadsPage({
   params
@@ -22,8 +22,8 @@ export default async function BotThreadsPage({
   })
   return (
     <div className="container">
-      <BrowseCategoryTabs categories={categories} />
-      <BrowseSearchInput />
+      <CategoryTabs categories={categories} />
+      <BrowseInput />
       <AccountDetails
         href={`/u/${params.slug}`}
         alt={user.username}

diff --git a/...nts/routes/browse/browse-search-input.tsx → ...ots.ai/components/shared/browse-input.tsx b/...nts/routes/browse/browse-search-input.tsx → ...ots.ai/components/shared/browse-input.tsx
@@ -6,7 +6,7 @@ import { IconClose } from '@/components/ui/icons'
 import { Input } from '@/components/ui/input'
 import { useBrowse } from '@/hooks/use-browse'
 
-export function BrowseSearchInput() {
+export function BrowseInput() {
   const { keyword, changeKeyword } = useBrowse()
   return (
     <div className="flex flex-col items-center justify-center w-full pt-10 pb-4 dark:bg-[#09090B] bg-[#F4F4F5] rounded-lg gap-4 px-4">

diff --git a/...ts/routes/browse/browse-category-link.tsx → ...ts/shared/category-tabs/category-link.tsx b/...ts/routes/browse/browse-category-link.tsx → ...ts/shared/category-tabs/category-link.tsx
@@ -2,7 +2,7 @@ import { motion } from 'framer-motion'
 import type { Category } from '@repo/mb-genql'
 import Link from 'next/link'
 
-export function BrowseCategoryLink({
+export function CategoryLink({
   category,
   activeTab,
   onClick,

diff --git a/...ts/routes/browse/browse-category-tabs.tsx → ...ts/shared/category-tabs/category-tabs.tsx b/...ts/routes/browse/browse-category-tabs.tsx → ...ts/shared/category-tabs/category-tabs.tsx
@@ -3,9 +3,9 @@
 import type { Category } from '@repo/mb-genql'
 import { useEffect } from 'react'
 import { useBrowse } from '@/hooks/use-browse'
-import { BrowseCategoryLink } from './browse-category-link'
+import { CategoryLink } from './category-link'
 
-export function BrowseCategoryTabs({
+export function CategoryTabs({
   categories,
   initialCategory = 'all'
 }: {
@@ -46,7 +46,7 @@ export function BrowseCategoryTabs({
 
   return (
     <div className="w-full py-[10px] my-3 !overflow-x-auto overflow-y-hidden whitespace-nowrap scrollbar small-thumb justify-between flex">
-      <BrowseCategoryLink
+      <CategoryLink
         activeTab={activeTab}
         category="all"
         id="browse-category-tab__null"
@@ -55,7 +55,7 @@ export function BrowseCategoryTabs({
         }}
       />
       {categories.map((category, key) => (
-        <BrowseCategoryLink
+        <CategoryLink
           activeTab={activeTab}
           category={category}
           id={`browse-category-tab__${category.categoryId}`}

diff --git a/apps/masterbots.ai/components/shared/category-tabs/index.ts b/apps/masterbots.ai/components/shared/category-tabs/index.ts
@@ -0,0 +1 @@
+export * from './category-tabs'
diff --git a/...onents/routes/browse/shortlink-button.tsx → ...ai/components/shared/shortlink-button.tsx b/...onents/routes/browse/shortlink-button.tsx → ...ai/components/shared/shortlink-button.tsx