From 52a148800be4bdb517ed65e9b78be26ae47067b8 Mon Sep 17 00:00:00 2001
From: abocsan-plenty <129151096+abocsan-plenty@users.noreply.github.com>
Date: Mon, 9 Oct 2023 11:47:02 +0300
Subject: [PATCH] fix: return page mobile data

---
 apps/web/pages/my-account/returns.vue | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/apps/web/pages/my-account/returns.vue b/apps/web/pages/my-account/returns.vue
index f4808bd84..c74d9c6b2 100644
--- a/apps/web/pages/my-account/returns.vue
+++ b/apps/web/pages/my-account/returns.vue
@@ -19,6 +19,25 @@
 
     <div v-else class="relative col-span-3" :class="{ 'pointer-events-none opacity-50': loading }">
       <SfLoaderCircular v-if="loading" class="absolute top-0 bottom-0 right-0 left-0 m-auto z-[999]" size="2xl" />
+      <ul class="md:hidden my-4 last-of-type:mb-0" v-for="order in data.entries" :key="order.order.id">
+        <li>
+          <p class="block typography-text-sm font-medium">{{ $t('account.ordersAndReturns.orderId') }}</p>
+          <span class="block typography-text-sm mb-2">{{ orderGetters.getId(order) }}</span>
+        </li>
+        <li>
+          <p class="block typography-text-sm font-medium">
+            {{ $t('account.ordersAndReturns.returnDate') }}
+          </p>
+          <span class="block typography-text-sm mb-2">{{ orderGetters.getDate(order) }}</span>
+        </li>
+        <li>
+          <p class="block typography-text-sm font-medium">
+            {{ $t('account.ordersAndReturns.orderDetails.paymentMethod') }}
+          </p>
+          <span class="block typography-text-sm mb-2">{{ orderGetters.getPaymentMethodName(order) }}</span>
+        </li>
+        <UiDivider class="col-span-3 -mx-4 !w-auto md:mx-0" />
+      </ul>
       <table class="hidden md:block text-left typography-text-sm mx-4">
         <caption class="hidden">
           {{