Remove redundant Add Product button and grey out Satisfaction card
- Remove duplicate Add Product button from store header (keep the one in Products tab) - Grey out Satisfaction card with "Coming Soon" badge (feature not yet implemented) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
parent
721b13afc8
commit
2ac584b1d6
1 changed files with 13 additions and 16 deletions
|
|
@ -86,16 +86,10 @@
|
||||||
</div>
|
</div>
|
||||||
<p class="text-sm sm:text-base text-muted-foreground">{{ activeStall.config?.description || 'Manage incoming orders and your products' }}</p>
|
<p class="text-sm sm:text-base text-muted-foreground">{{ activeStall.config?.description || 'Manage incoming orders and your products' }}</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-col sm:flex-row gap-2 sm:gap-3">
|
<Button @click="navigateToMarket" variant="outline" class="w-full sm:w-auto">
|
||||||
<Button @click="navigateToMarket" variant="outline" class="w-full sm:w-auto">
|
<Store class="w-4 h-4 mr-2" />
|
||||||
<Store class="w-4 h-4 mr-2" />
|
<span class="sm:inline">Browse Market</span>
|
||||||
<span class="sm:inline">Browse Market</span>
|
</Button>
|
||||||
</Button>
|
|
||||||
<Button @click="showCreateProductDialog = true" variant="default" class="w-full sm:w-auto">
|
|
||||||
<Plus class="w-4 h-4 mr-2" />
|
|
||||||
<span>Add Product</span>
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -157,20 +151,23 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Customer Satisfaction -->
|
<!-- Customer Satisfaction (Coming Soon) -->
|
||||||
<div class="bg-card p-4 sm:p-6 rounded-lg border shadow-sm">
|
<div class="bg-card p-4 sm:p-6 rounded-lg border shadow-sm opacity-50 relative">
|
||||||
|
<div class="absolute top-2 right-2">
|
||||||
|
<Badge variant="outline" class="text-xs">Coming Soon</Badge>
|
||||||
|
</div>
|
||||||
<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2">
|
<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2">
|
||||||
<div class="flex-1">
|
<div class="flex-1">
|
||||||
<p class="text-xs sm:text-sm font-medium text-muted-foreground">Satisfaction</p>
|
<p class="text-xs sm:text-sm font-medium text-muted-foreground">Satisfaction</p>
|
||||||
<p class="text-xl sm:text-2xl font-bold text-foreground">{{ storeStats.satisfaction }}%</p>
|
<p class="text-xl sm:text-2xl font-bold text-muted-foreground">--%</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-10 h-10 sm:w-12 sm:h-12 bg-yellow-500/10 rounded-lg flex items-center justify-center flex-shrink-0">
|
<div class="w-10 h-10 sm:w-12 sm:h-12 bg-muted rounded-lg flex items-center justify-center flex-shrink-0">
|
||||||
<Star class="w-5 h-5 sm:w-6 sm:h-6 text-yellow-500" />
|
<Star class="w-5 h-5 sm:w-6 sm:h-6 text-muted-foreground" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="mt-3 sm:mt-4">
|
<div class="mt-3 sm:mt-4">
|
||||||
<div class="flex items-center text-xs sm:text-sm text-muted-foreground">
|
<div class="flex items-center text-xs sm:text-sm text-muted-foreground">
|
||||||
<span>{{ storeStats.totalReviews }} reviews</span>
|
<span>No reviews yet</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue