padreug/web-app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Enhance category extraction in useMarket and update MarketPage layout

Browse source 
- Added functionality to extract categories from Nostr event tags in the useMarket composable, improving product categorization.
- Updated MarketPage layout to ensure proper rendering of category filters, enhancing the user interface for browsing by category.

These changes improve the clarity and usability of product categorization within the market module.
This commit is contained in:
padreug 2025-09-25 23:35:37 +02:00
parent 526caa2689
commit 7334437b77
2 changed files with 18 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/modules/market/composables/useMarket.ts
View file

@ -291,6 +291,13 @@ export function useMarket() {
const productData = JSON.parse(latestEvent.content)
const stallId = productData.stall_id || 'unknown'
// Extract categories from Nostr event tags (standard approach)
const categories = latestEvent.tags
.filter((tag: any) => tag[0] === 't')
.map((tag: any) => tag[1])
.filter((cat: string) => cat && cat.trim())
// Look up the stall name from the stalls array
const stall = marketStore.stalls.find(s => s.id === stallId)
const stallName = stall?.name || 'Unknown Stall'
@ -305,7 +312,7 @@ export function useMarket() {
currency: productData.currency || 'sats',
quantity: productData.quantity || 1,
images: productData.images || [],
categories: productData.categories || [],
categories: categories,
createdAt: latestEvent.created_at,
updatedAt: latestEvent.created_at
}
@ -476,6 +483,12 @@ export function useMarket() {
const productData = JSON.parse(event.content)
const stallId = productData.stall_id || 'unknown'
// Extract categories from Nostr event tags (standard approach)
const categories = event.tags
.filter((tag: any) => tag[0] === 't')
.map((tag: any) => tag[1])
.filter((cat: string) => cat && cat.trim())
// Look up the stall name from the stalls array
const stall = marketStore.stalls.find(s => s.id === stallId)
const stallName = stall?.name || 'Unknown Stall'
@ -491,7 +504,7 @@ export function useMarket() {
currency: productData.currency || 'sats',
quantity: productData.quantity || 1,
images: productData.images || [],
categories: productData.categories || [],
categories: categories,
createdAt: event.created_at,
updatedAt: event.created_at
}

5
src/modules/market/views/MarketPage.vue
View file

@ -52,10 +52,11 @@
</div>
</div>
<!-- Enhanced Category Filters -->
<div v-if="marketStore.allCategories.length > 0" class="mb-6">
<div class="flex items-center justify-between mb-3">
<h3 class="text-lg font-semibold text-gray-700">Browse by Category</h3>
<div class="flex items-center justify-between mb-3">
<h3 class="text-lg font-semibold text-gray-700">Browse by Category</h3>
<Button
v-if="selectedCategoriesCount > 0"
@click="clearAllCategoryFilters"