stuff done

components/pages/product/index.tsx

@@ -25,22 +25,23 @@ import {Link} from '@/i18n/routing'
 import {getMetaOfFile} from '@/lib/config/resources'
 import {getProductResources} from '@/lib/data/models/product'
 import {CategoryPageSqlSchema} from '@/lib/data/models/sqlSchemas'
-import {db} from '@/lib/db/prisma/client'
 import {dump, thisLocale, toPrice} from '@/lib/utils'
 import {Button} from '@/ui/button'
 import {Separator} from '@/ui/separator'
 import {Tabs, TabsContent, TabsList, TabsTrigger} from '@/ui/tabs'
 
-export default async function ProductPageIndex({id}: {id: string}) {
-	const t = await getTranslations('Common')
-
-	const data: CategoryPageSqlSchema[] = await db.$queryRawTyped(
-		getProductByIdWitData(id)
-	)
-
+export default async function ProductPageIndex({
+	data,
+	id
+}: {
+	data: CategoryPageSqlSchema[]
+	id: string
+}) {
 	const locale = await thisLocale(data)
 	if (!locale) notFound()
 
+	const t = await getTranslations('Common')
+
 	const resources: ProductResource[] | null = await getProductResources(
 		parseInt(id)
 	)
@@ -70,11 +71,11 @@ export default async function ProductPageIndex({id}: {id: string}) {
 							</BreadcrumbItem>
 						</BreadcrumbList>
 					</Breadcrumb>
-					<div className='flex w-[82%] items-center justify-between'>
-						<h1 className='my-4 text-3xl font-bold text-brand-violet-950'>
+					<div className='flex w-full items-center justify-between'>
+						<h1 className='font-heading mt-4 text-3xl font-semibold'>
 							{locale.title}
 						</h1>
-						<AddCartButton
+						{/*<AddCartButton
 							product={{
 								id: locale.productId,
 								quantity: 1,
@@ -82,9 +83,9 @@ export default async function ProductPageIndex({id}: {id: string}) {
 								price: toPrice(locale.price),
 								image: locale.image
 							}}
-						/>
+						/>*/}
 					</div>
-					<Separator className='my-4 w-[82%] border-b border-brand-violet' />
+					<Separator className='my-4 h-0 border-b-2 border-brand-violet' />
 					<ProductCarousel images={resources} title={locale.title} />
 					<Tabs defaultValue='article' className=''>
 						<TabsList className='grid w-full grid-cols-2'>