From 85ca52d5ab147bf42ac542673f675414ecd49626 Mon Sep 17 00:00:00 2001
From: Mohammed Sohail <sohailsameja@gmail.com>
Date: Wed, 31 Jan 2024 18:33:23 +0300
Subject: [PATCH] fixes: cards alignment, error messages

---
 components/Card.vue   | 2 +-
 pages/distributor.vue | 2 +-
 pages/index.vue       | 7 +++++++
 pages/transaction.vue | 6 +++---
 4 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/components/Card.vue b/components/Card.vue
index 6ba0599..1ad687a 100644
--- a/components/Card.vue
+++ b/components/Card.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="bg-white mx-2 p-4 rounded border border-gray-300 mb-4 md:min-w-[250px] md:w-full md:mx-0 lg:mx-4"
+    class="lg:max-w-72 bg-white mx-1 p-4 rounded border border-gray-300 mb-4 md:min-w-[250px] md:w-full"
   >
     <h2 class="text-l font-bold mb-2">{{ title }}</h2>
     <p class="text-sm text-gray-600 mb-4">{{ subtitle }}</p>
diff --git a/pages/distributor.vue b/pages/distributor.vue
index 9678ce2..2476f97 100644
--- a/pages/distributor.vue
+++ b/pages/distributor.vue
@@ -152,7 +152,7 @@ const handleResponse = async (response, form$) => {
   if (response.status <= 201) {
     formSubmitted.value = true;
   } else {
-    form$.messageBag.append(response.data?.message);
+    form$.messageBag.append(response.data?.error);
     if (Object.keys(response.data.data)[0]?.message) {
       form$.messageBag.append(
         Object.keys(response.data.data)[0] +
diff --git a/pages/index.vue b/pages/index.vue
index e9957af..779bffe 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -21,4 +21,11 @@
       link="/transaction"
     />
   </div>
+  <div class="mt-4 flex flex-col md:flex-row">
+    <Card
+      title="Redeem your points"
+      subtitle="For EverGrow organic fertilizer."
+      link="/redeem"
+    />
+  </div>
 </template>
diff --git a/pages/transaction.vue b/pages/transaction.vue
index 5b2e010..074dcd7 100644
--- a/pages/transaction.vue
+++ b/pages/transaction.vue
@@ -71,7 +71,7 @@
             :conditions="[['tx', 'sell']]"
           />
           <TextElement
-            name="evergrow_quantity"
+            name="evergrow_quantity_purchase"
             label="How much EverGrow did you purchase?"
             description="in 50kg bags of EverGrow. 1x50kg bag = 1, 2x50kg bags = 2, etc."
             rules="required|numeric|min:1|max:20"
@@ -79,7 +79,7 @@
             :conditions="[['tx', 'buy']]"
           />
           <TextElement
-            name="evergrow_quantity"
+            name="evergrow_quantity_sale"
             label="How much EverGrow did you sell?"
             description="in 50kg bags of EverGrow. 1x50kg bag = 1, 2x50kg bags = 2, etc."
             rules="required|numeric|min:1|max:20"
@@ -116,7 +116,7 @@ const handleResponse = async (response, form$) => {
   if (response.status <= 201) {
     formSubmitted.value = true;
   } else {
-    form$.messageBag.append(response.data?.message);
+    form$.messageBag.append(response.data?.error);
     if (Object.keys(response.data.data)[0]?.message) {
       form$.messageBag.append(
         Object.keys(response.data.data)[0] +