yevhen/bewell-in-ua
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

stuff done

Browse Source
This commit is contained in:
Yevhen Odynets
2025-03-11 02:54:09 +02:00
parent 58e7ed2f06
commit 516b45fad9
90 changed files with 2950 additions and 9458 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/shared/store/card-buy-button.tsx
View File

@@ -18,7 +18,7 @@ export default function CardBuyButton({
return (
<Button
className={`mr-2 ${isIcon ? '' : 'w-[80px]'} grow-0 shadow-white hover:shadow-md hover:shadow-brand-violet/50`}
className={`mr-1.5 ${isIcon ? '' : 'w-[80px]'} z-50 grow-0 shadow-white hover:shadow-md hover:shadow-brand-violet/50`}
onClick={() => addItemToCart(item)}
>
{isIcon ? (

22
components/shared/store/feature-card-front.tsx
View File

@@ -1,14 +1,10 @@
import {ProductResource} from '@prisma/client'
import {Star, StarHalf} from 'lucide-react'
import Image from 'next/image'
import CardBuyButton from '@/components/shared/store/card-buy-button'
import RateStars from '@/components/shared/store/stars'
import {Link} from '@/i18n/routing'
import {CategoryPageSqlSchema} from '@/lib/data/models/sqlSchemas'
import {Button} from '@/ui/button'
import {Card, CardContent, CardFooter} from '@/ui/card'
import {CarouselItem} from '@/ui/carousel'
export default function FeatureCardFront({
card
@@ -18,7 +14,7 @@ export default function FeatureCardFront({
return (
<Card className='relative aspect-card overflow-hidden border-[2px] border-brand-violet transition duration-300 hover:shadow-lg hover:shadow-brand-violet/50'>
<Link href={`/product/${card.productId}-${card.slug}`}>
<CardContent className='relative flex h-[81%] flex-col justify-between overflow-hidden pt-4'>
<CardContent className='relative flex h-[76%] flex-col justify-between overflow-hidden pt-4'>
{/*<CarouselItem>*/}
<Image
className='transition duration-300 hover:scale-110'
@@ -39,12 +35,12 @@ export default function FeatureCardFront({
{/*</CarouselItem>*/}
</CardContent>
</Link>
<div className='bw-card-footer flex h-[19%] items-center justify-between border-t-[2px] border-brand-violet px-4'>
<div className='bw-card-footer flex h-[24%] items-center justify-between border-t-[2px] border-brand-violet px-2'>
<div className=''>
<p className='ml-2 border-b border-b-brand-violet pl-2 pr-6 text-[16px]'>
<p className='font-heading ml-1 border-b border-b-brand-violet pb-0.5 pl-1 pr-3'>
{card.title}
</p>
<p className='pl-4 text-[16px] font-bold text-brand-violet'>
<p className='pl-2 text-[18px] font-bold text-brand-violet'>
{parseFloat(card.price as string).toFixed(2)}
</p>
</div>
@@ -55,17 +51,9 @@ export default function FeatureCardFront({
title: card.title,
price: parseFloat(card.price as string).toFixed(2)
}}
isIcon={true}
isIcon={false}
/>
</div>
</Card>
)
}
// id: number
// quantity: number
// title: string
// price: string | any
// image?: string | null
// imageWidth?: number | null
// imageHeight?: number | null

13
components/shared/store/feature-card.tsx
View File

@@ -1,20 +1,15 @@
import {Star, StarHalf} from 'lucide-react'
import Image from 'next/image'
import CardBuyButton from '@/components/shared/store/card-buy-button'
import RateStars from '@/components/shared/store/stars'
import {Link} from '@/i18n/routing'
import {Button} from '@/ui/button'
import {Card, CardContent, CardFooter} from '@/ui/card'
//import {CarouselItem} from '@/ui/carousel'
export default function FeatureCard({card}: {card: any}) {
return (
<Card className='relative aspect-card overflow-hidden border-[2px] border-brand-violet transition duration-300 hover:shadow-lg hover:shadow-brand-violet/50'>
<Link href={`/product/${card.productId}-${card.slug}`}>
<CardContent className='relative flex h-[81%] flex-col justify-between overflow-hidden pt-4'>
{/*<CarouselItem>*/}
<CardContent className='relative flex h-[76%] flex-col justify-between overflow-hidden pt-4'>
<Image
className='transition duration-300 hover:scale-110'
src={card.image}
@@ -33,12 +28,12 @@ export default function FeatureCard({card}: {card: any}) {
<RateStars />
</CardContent>
</Link>
<div className='bw-card-footer flex h-[19%] items-center justify-between border-t-[2px] border-brand-violet px-4'>
<div className='bw-card-footer flex h-[24%] items-center justify-between border-t-[2px] border-brand-violet px-1'>
<div className=''>
<p className='ml-2 border-b border-b-brand-violet pl-2 pr-6'>
<p className='font-heading ml-1 border-b border-b-brand-violet pb-0.5 pl-1 pr-3'>
{card.title}
</p>
<p className='pl-4 text-[18px] font-bold text-brand-violet'>
<p className='pl-2 text-[18px] font-bold text-brand-violet'>
{parseFloat(card.price).toFixed(2)}
</p>
</div>

13
components/shared/store/stars.tsx
View File

@@ -2,15 +2,16 @@ import {Star} from 'lucide-react'
const startStroke = 1.5
const color = '#ffd139'
const size = 16
export default function RateStars() {
return (
<div className='bw-rating absolute bottom-2 left-4 inline-flex h-[32px] items-center gap-1'>
<Star strokeWidth={startStroke} color={color} fill={color} />
<Star strokeWidth={startStroke} color={color} fill={color} />
<Star strokeWidth={startStroke} color={color} fill={color} />
<Star strokeWidth={startStroke} color={color} />
<Star strokeWidth={startStroke} color={color} />
<div className='bw-rating absolute bottom-1 left-3 inline-flex h-[32px] items-center gap-1'>
<Star size={size} strokeWidth={startStroke} color={color} fill={color} />
<Star size={size} strokeWidth={startStroke} color={color} fill={color} />
<Star size={size} strokeWidth={startStroke} color={color} fill={color} />
<Star size={size} strokeWidth={startStroke} color={color} />
<Star size={size} strokeWidth={startStroke} color={color} />
</div>
)
}