chore(catalog): simplify nested page headers, remove charts
Some checks failed
Build Docker Image / build (push) Has been cancelled

- Remove chart components and unused price history code
- Simplify headers to show only hint text
- Keep navigation badges in search bar
This commit is contained in:
Ruslan Bakiev
2026-01-19 12:16:58 +07:00
parent 42c8688561
commit fd057528dc
7 changed files with 11 additions and 501 deletions

View File

@@ -19,45 +19,8 @@
</template>
<template #header>
<!-- Supplier Not Found -->
<Card v-if="!isLoading && !supplier" padding="lg">
<Stack align="center" gap="4">
<IconCircle tone="primary">
<Icon name="lucide:building-2" size="24" />
</IconCircle>
<Heading :level="2">{{ t('catalogSupplierProducts.not_found.title') }}</Heading>
<Text tone="muted">{{ t('catalogSupplierProducts.not_found.subtitle') }}</Text>
<Button @click="navigateTo(localePath('/catalog/suppliers'))">
{{ t('catalogSupplierProducts.actions.back_to_suppliers') }}
</Button>
</Stack>
</Card>
<!-- Content Header -->
<Stack v-else gap="4">
<!-- Header with supplier info -->
<div class="flex items-start gap-4">
<!-- Logo -->
<div v-if="supplier?.logo" class="w-16 h-16 shrink-0">
<img :src="supplier.logo" :alt="supplier.name || ''" class="w-full h-full object-contain rounded-lg">
</div>
<div v-else class="w-16 h-16 bg-primary/10 text-primary font-bold rounded-lg flex items-center justify-center text-2xl shrink-0">
{{ supplier?.name?.charAt(0) }}
</div>
<div>
<Heading :level="1">{{ supplier?.name }}</Heading>
<Text tone="muted" size="sm">{{ supplier?.country }}</Text>
<div class="flex gap-2 mt-1">
<span v-if="supplier?.isVerified" class="badge badge-success badge-sm">
{{ t('catalogSupplier.badges.verified') }}
</span>
</div>
</div>
</div>
<!-- Products Section Title -->
<Text weight="semibold" size="lg">{{ t('catalogSupplierProducts.header.products_title', { count: products.length }) }}</Text>
</Stack>
<Text v-if="!isLoading && !supplier" tone="muted">Поставщик не найден</Text>
<Text v-else-if="!isLoading" tone="muted">Выберите товар</Text>
</template>
<template #card="{ item }">