From a5764621c244488801e3bde213fef2224defa08a Mon Sep 17 00:00:00 2001 From: padreug Date: Mon, 8 Sep 2025 23:39:13 +0200 Subject: [PATCH] Refactor MerchantStore component for improved layout and user experience - Update the layout of the active store dashboard to enhance visual hierarchy and spacing. - Improve button accessibility and responsiveness by adjusting sizes and adding conditional rendering for text. - Refactor store stats display to use a more consistent structure, enhancing readability and alignment. - Adjust padding and margins for better overall presentation of store information and statistics. These changes streamline the MerchantStore interface, providing a more intuitive and visually appealing experience for users managing their stores. --- .../market/components/MerchantStore.vue | 119 +++++++++--------- 1 file changed, 62 insertions(+), 57 deletions(-) diff --git a/src/modules/market/components/MerchantStore.vue b/src/modules/market/components/MerchantStore.vue index f99c496..92c8fb8 100644 --- a/src/modules/market/components/MerchantStore.vue +++ b/src/modules/market/components/MerchantStore.vue @@ -101,101 +101,106 @@
-
-
-
- -
- {{ activeStall.currency }} -
-

{{ activeStall.name }}

-

{{ activeStall.config?.description || 'Manage incoming orders and your products' }}

-
+
+
- - +
+ {{ activeStall.currency }} +
+ + +
+
+

{{ activeStall.name }}

+

{{ activeStall.config?.description || 'Manage incoming orders and your products' }}

+
+
+ + +
-
+
-
-
-
-

Incoming Orders

-

{{ storeStats.incomingOrders }}

+
+
+
+

Incoming Orders

+

{{ storeStats.incomingOrders }}

-
- +
+
-
-
+
+
{{ storeStats.pendingOrders }} pending - + {{ storeStats.paidOrders }} paid
-
-
-
-

Total Sales

-

{{ formatPrice(storeStats.totalSales, 'sat') }}

+
+
+
+

Total Sales

+

{{ formatPrice(storeStats.totalSales, 'sat') }}

-
- +
+
-
-
+
+
Last 30 days
-
-
-
-

Products

-

{{ stallProducts.length }}

+
+
+
+

Products

+

{{ stallProducts.length }}

-
- +
+
-
-
+
+
{{ stallProducts.filter(p => p.active).length }} active
-
-
-
-

Satisfaction

-

{{ storeStats.satisfaction }}%

+
+
+
+

Satisfaction

+

{{ storeStats.satisfaction }}%

-
- +
+
-
-
+
+
{{ storeStats.totalReviews }} reviews