Improve catalog UX: remove category, add offers count, dynamic layout
All checks were successful
Build Docker Image / build (push) Successful in 3m37s
All checks were successful
Build Docker Image / build (push) Successful in 3m37s
- ProductCard: remove category field, add offersCount display - CatalogPage: add fullWidthMap prop for map-only view - catalog/index: pass fullWidthMap based on selectMode - i18n: add offers pluralization
This commit is contained in:
@@ -14,10 +14,10 @@
|
||||
]"
|
||||
>
|
||||
<Stack gap="2">
|
||||
<Stack gap="1">
|
||||
<Text size="base" weight="semibold">{{ product.name }}</Text>
|
||||
<Text tone="muted">{{ product.categoryName || t('catalogProduct.labels.category_unknown') }}</Text>
|
||||
</Stack>
|
||||
<Text size="base" weight="semibold">{{ product.name }}</Text>
|
||||
<Text v-if="product.offersCount" tone="muted" size="sm">
|
||||
{{ product.offersCount }} {{ t('catalog.offers', product.offersCount) }}
|
||||
</Text>
|
||||
<Text v-if="product.description && !compact" tone="muted" size="sm">{{ product.description }}</Text>
|
||||
</Stack>
|
||||
</Card>
|
||||
@@ -30,8 +30,8 @@ import { NuxtLink } from '#components'
|
||||
interface Product {
|
||||
uuid?: string | null
|
||||
name?: string | null
|
||||
categoryName?: string | null
|
||||
description?: string | null
|
||||
offersCount?: number | null
|
||||
}
|
||||
|
||||
const props = defineProps<{
|
||||
|
||||
Reference in New Issue
Block a user