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:
padreug 2026-01-06 18:34:44 +01:00
parent 721b13afc8
commit 2ac584b1d6

View file

@ -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>