From 6895c353797f5d6f8d6e21f871e3cbc86596a337 Mon Sep 17 00:00:00 2001
From: Albert Hidalgo <alhidalgodev@gmail.com>
Date: Tue, 13 Sep 2022 20:43:14 -0400
Subject: [PATCH 01/17] feat

* Added i18n text
---
 src/i18n/en-US/index.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/i18n/en-US/index.js b/src/i18n/en-US/index.js
index a667e50..cb95c7e 100644
--- a/src/i18n/en-US/index.js
+++ b/src/i18n/en-US/index.js
@@ -66,7 +66,9 @@ export default {
     yourMessages: "Your Messages",
     conversations: "Conversations",
     message: "Message",
-    sendMessage: 'Send message'
+    sendMessage: 'Send message',
+    giveFeedback: "Give Feedback",
+    comment: "Comment"
   },
   messages: {
     information: {
@@ -92,6 +94,8 @@ export default {
       atLeast1Number: "At least 1 number",
       passwordMustContain: "Password must contain",
       passwordChangedSuccessfully: "Password changed successfully",
+      howDidweDo: "How did we do?",
+      careShareMoreAboutIt: "Care to share more about it?",
     },
     error: {
       pleaseEnterValidPhoneNumber: "Please enter valid phone number",
@@ -118,5 +122,6 @@ export default {
     sendMessage: "Send message",
     continue: "Continue",
     changePassword: "Change Password",
+    publishFeedback: "Publish Feedback",
   },
 };

From 58443174221471668fddccdeb434e9f6e5df6692 Mon Sep 17 00:00:00 2001
From: Albert Hidalgo <alhidalgodev@gmail.com>
Date: Tue, 13 Sep 2022 20:43:24 -0400
Subject: [PATCH 02/17] feat

* Created form component for reviews
---
 src/components/Reviews/CreateForm.vue | 54 +++++++++++++++++++++++++++
 1 file changed, 54 insertions(+)
 create mode 100644 src/components/Reviews/CreateForm.vue

diff --git a/src/components/Reviews/CreateForm.vue b/src/components/Reviews/CreateForm.vue
new file mode 100644
index 0000000..0b15f84
--- /dev/null
+++ b/src/components/Reviews/CreateForm.vue
@@ -0,0 +1,54 @@
+<template>
+  <div class="row">
+    <div class="col-12">
+      <p>{{ $t("messages.information.howDidweDo") }}</p>
+      <div class="text-center">
+        <q-rating
+          v-model="rating"
+          size="3.5em"
+          color="yellow-8"
+          icon="eva-star-outline"
+          icon-selected="eva-star"
+        />
+      </div>
+    </div>
+    <div class="col-12">
+      <p>{{ $t("messages.information.careShareMoreAboutIt") }}</p>
+      <q-input
+        v-model="comment"
+        outlined
+        :label="$t('common.comment')"
+        type="textarea"
+        :counter="true"
+        :maxlength="100"
+      />
+    </div>
+    <div class="col-12 text-center">
+      <q-btn
+        :disabled="rating === 0"
+        @click="submit"
+        push
+        color="primary"
+        text-color="white"
+        :label="$t('action.publishFeedback')"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+import { ref } from "vue";
+
+export default {
+  name: "ComponentReviewForm",
+  setup() {
+    const rating = ref(0);
+    const comment = ref("");
+
+    return {
+      rating,
+      comment,
+    };
+  },
+};
+</script>

From 4048356f9100fd7db11459cec2defd7d8c170e9f Mon Sep 17 00:00:00 2001
From: Albert Hidalgo <alhidalgodev@gmail.com>
Date: Wed, 14 Sep 2022 20:59:22 -0400
Subject: [PATCH 03/17] feat

* Handle the submit review action
---
 src/components/Reviews/CreateForm.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/Reviews/CreateForm.vue b/src/components/Reviews/CreateForm.vue
index 0b15f84..859ff5b 100644
--- a/src/components/Reviews/CreateForm.vue
+++ b/src/components/Reviews/CreateForm.vue
@@ -26,6 +26,7 @@
     <div class="col-12 text-center">
       <q-btn
         :disabled="rating === 0"
+        :loading="loading"
         @click="submit"
         push
         color="primary"
@@ -41,13 +42,25 @@ import { ref } from "vue";
 
 export default {
   name: "ComponentReviewForm",
-  setup() {
+  props: {
+    loading: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props, { emit }) {
     const rating = ref(0);
     const comment = ref("");
 
     return {
       rating,
       comment,
+      submit() {
+        emit("on-created", {
+          rating: rating.value,
+          comment: comment.value,
+        });
+      },
     };
   },
 };

From be9a856aea4ff82f13b0994b995fd4b9e8e512dd Mon Sep 17 00:00:00 2001
From: Albert Hidalgo <alhidalgodev@gmail.com>
Date: Wed, 14 Sep 2022 20:59:36 -0400
Subject: [PATCH 04/17] feat

* Added the review form
---
 src/pages/Spaces/CompleteDetails.vue | 51 +++++++++++++++++++++++++++-
 1 file changed, 50 insertions(+), 1 deletion(-)

diff --git a/src/pages/Spaces/CompleteDetails.vue b/src/pages/Spaces/CompleteDetails.vue
index 5c1611c..a115f6e 100644
--- a/src/pages/Spaces/CompleteDetails.vue
+++ b/src/pages/Spaces/CompleteDetails.vue
@@ -169,6 +169,22 @@
           </div>
         </q-card-section>
       </q-card>
+      <q-dialog v-model="showReviewForm">
+        <q-card style="width: 400px; max-width: 80vw">
+          <q-card-section class="row items-center q-pb-none">
+            <div class="text-h6">{{ $t("common.giveFeedback") }}</div>
+            <q-space />
+            <q-btn icon="eva-close-outline" flat round dense v-close-popup />
+          </q-card-section>
+
+          <q-card-section class="q-pt-md">
+            <review-form
+              :loading="loadingReviewSubmit"
+              @on-created="handleSubmitReview"
+            />
+          </q-card-section>
+        </q-card>
+      </q-dialog>
     </div>
   </q-page>
 </template>
@@ -184,10 +200,11 @@ import notFound from "components/Interface/404.vue";
 import ViewLocation from "components/Map/ViewLocation.vue";
 import { useAuthStore } from "stores/Auth";
 import ScheduleFormCreation from "components/Schedule/CreateForm.vue";
+import ReviewForm from "components/Reviews/CreateForm.vue";
 
 export default {
   name: "PageCompleteSpaceDetails",
-  components: { ViewLocation, ScheduleFormCreation, notFound },
+  components: { ViewLocation, ScheduleFormCreation, notFound, ReviewForm },
   setup() {
     const loading = ref(true);
     const space = ref({
@@ -200,6 +217,8 @@ export default {
     const showScheduleForm = ref(false);
     const authStore = useAuthStore();
     const notFound = ref(false);
+    const showReviewForm = ref(false);
+    const loadingReviewSubmit = ref(false);
 
     supabase
       .from("spaces")
@@ -232,6 +251,8 @@ export default {
       authStore,
       showScheduleForm,
       loading,
+      showReviewForm,
+      loadingReviewSubmit,
       getWeekDayLabel(day) {
         return weekdays.find((d) => d.value === day).label;
       },
@@ -269,6 +290,34 @@ export default {
             loading.value = false;
           });
       },
+      handleSubmitReview({ rating, comment }) {
+        const { id } = space.value;
+        loadingReviewSubmit.value = true;
+        supabase
+          .from("reviews")
+          .insert({
+            space_id: id,
+            rating,
+            comment,
+          })
+          .then(({ error, data }) => {
+            if (data) {
+              Notify.create({
+                color: "positive",
+                message: "Review created successfully",
+              });
+              showReviewForm.value = false;
+            } else {
+              Notify.create({
+                color: "negative",
+                message: error.message,
+              });
+            }
+          })
+          .finally(() => {
+            loadingReviewSubmit.value = false;
+          });
+      },
     };
   },
 };

From e6434ca2320c26fb00d09241f24a616cb35dfcd3 Mon Sep 17 00:00:00 2001
From: Albert Hidalgo <alhidalgodev@gmail.com>
Date: Thu, 15 Sep 2022 21:49:55 -0400
Subject: [PATCH 05/17] feat

* Created method to get the time ago
---
 src/utils/time.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/utils/time.js b/src/utils/time.js
index 639d290..319c908 100644
--- a/src/utils/time.js
+++ b/src/utils/time.js
@@ -1,4 +1,10 @@
 import dayjs from 'dayjs';
+import relativeTime from 'dayjs/plugin/relativeTime';
+
+const timeAgo = (time) => {
+  dayjs.extend(relativeTime);
+  return dayjs(time).fromNow();
+};
 
 const parseTime = (time) => {
   return dayjs("2012-01-25" + time).format("hh:mm A");
@@ -35,4 +41,4 @@ const weekdays = [
   },
 ];
 
-export { parseTime, weekdays };
+export { parseTime, weekdays, timeAgo };

From c6b4447db6334f60fc108eceffa34dfeecdb668b Mon Sep 17 00:00:00 2001
From: Albert Hidalgo <alhidalgodev@gmail.com>
Date: Thu, 15 Sep 2022 21:50:02 -0400
Subject: [PATCH 06/17] feat

* Added i18n text
---
 src/i18n/en-US/index.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/i18n/en-US/index.js b/src/i18n/en-US/index.js
index cb95c7e..9170a03 100644
--- a/src/i18n/en-US/index.js
+++ b/src/i18n/en-US/index.js
@@ -68,7 +68,8 @@ export default {
     message: "Message",
     sendMessage: 'Send message',
     giveFeedback: "Give Feedback",
-    comment: "Comment"
+    comment: "Comment",
+    reviews: "Reviews",
   },
   messages: {
     information: {

From dba133a052cd79fae03c220e6ea8757104427a68 Mon Sep 17 00:00:00 2001
From: Albert Hidalgo <alhidalgodev@gmail.com>
Date: Thu, 15 Sep 2022 22:01:43 -0400
Subject: [PATCH 07/17] feat

* Created review card
---
 src/components/Reviews/ReviewCard.vue | 57 +++++++++++++++++++++++++++
 1 file changed, 57 insertions(+)
 create mode 100644 src/components/Reviews/ReviewCard.vue

diff --git a/src/components/Reviews/ReviewCard.vue b/src/components/Reviews/ReviewCard.vue
new file mode 100644
index 0000000..1aa44a2
--- /dev/null
+++ b/src/components/Reviews/ReviewCard.vue
@@ -0,0 +1,57 @@
+<template>
+  <div class="row q-col-gutter-sm">
+    <div class="col-12">
+      <div class="row justify-center items-center">
+        <div class="col-4">
+          <q-avatar color="primary" text-color="white">
+            {{ review.users.raw_user_meta_data.full_name.substring(0, 1) }}
+          </q-avatar>
+          <span class="q-ml-sm">
+            {{ review.users.raw_user_meta_data.full_name }}
+          </span>
+        </div>
+        <div class="col text-right text-grey-8">
+          {{ timeAgo(review.created_at) }}
+        </div>
+      </div>
+    </div>
+    <div class="col-12">
+      <q-rating
+        v-model="rating"
+        size="1.5em"
+        color="yellow-8"
+        icon="eva-star-outline"
+        icon-selected="eva-star"
+        readonly
+      />
+    </div>
+    <div class="col-12">
+      <q-separator />
+    </div>
+    <div class="col-12">
+      <p>{{ review.comment }}</p>
+    </div>
+  </div>
+</template>
+
+<script>
+import { ref } from "vue";
+import { timeAgo } from "src/utils/time";
+
+export default {
+  name: "ComponentReviewCard",
+  props: {
+    review: {
+      type: Object,
+      required: true,
+    },
+  },
+  setup(props) {
+    const rating = ref(props.review.rating);
+    return {
+      rating,
+      timeAgo,
+    };
+  },
+};
+</script>

From ba354443679462f658cd183ebda4a1548cf2d1b9 Mon Sep 17 00:00:00 2001
From: Albert Hidalgo <alhidalgodev@gmail.com>
Date: Thu, 15 Sep 2022 22:11:54 -0400
Subject: [PATCH 08/17] feat

* Added i18n text
---
 src/i18n/en-US/index.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/i18n/en-US/index.js b/src/i18n/en-US/index.js
index 9170a03..e3ffa36 100644
--- a/src/i18n/en-US/index.js
+++ b/src/i18n/en-US/index.js
@@ -97,6 +97,7 @@ export default {
       passwordChangedSuccessfully: "Password changed successfully",
       howDidweDo: "How did we do?",
       careShareMoreAboutIt: "Care to share more about it?",
+      noReviewsYet: "No reviews yet",
     },
     error: {
       pleaseEnterValidPhoneNumber: "Please enter valid phone number",

From 051f738dba8a603fb5736ad0f5e74c3679075f16 Mon Sep 17 00:00:00 2001
From: Albert Hidalgo <alhidalgodev@gmail.com>
Date: Thu, 15 Sep 2022 22:12:04 -0400
Subject: [PATCH 09/17] feat

* Added review card
---
 src/pages/Spaces/CompleteDetails.vue | 40 +++++++++++++++++++++++++++-
 1 file changed, 39 insertions(+), 1 deletion(-)

diff --git a/src/pages/Spaces/CompleteDetails.vue b/src/pages/Spaces/CompleteDetails.vue
index a115f6e..8d94821 100644
--- a/src/pages/Spaces/CompleteDetails.vue
+++ b/src/pages/Spaces/CompleteDetails.vue
@@ -169,6 +169,25 @@
           </div>
         </q-card-section>
       </q-card>
+      <q-card flat bordered class="q-mt-md">
+        <q-card-section>
+          <p class="text-h5">{{ $t("common.reviews") }}</p>
+          <div class="row">
+            <template v-if="reviews.length > 0">
+              <div class="col-12" v-for="review in reviews" :key="review.id">
+                <review-card :review="review" />
+              </div>
+            </template>
+            <template v-else>
+              <div class="col-12">
+                <div class="text-grey text-italic q-my-md">
+                  {{ $t("messages.information.noReviewsYet") }}
+                </div>
+              </div>
+            </template>
+          </div>
+        </q-card-section>
+      </q-card>
       <q-dialog v-model="showReviewForm">
         <q-card style="width: 400px; max-width: 80vw">
           <q-card-section class="row items-center q-pb-none">
@@ -201,10 +220,17 @@ import ViewLocation from "components/Map/ViewLocation.vue";
 import { useAuthStore } from "stores/Auth";
 import ScheduleFormCreation from "components/Schedule/CreateForm.vue";
 import ReviewForm from "components/Reviews/CreateForm.vue";
+import ReviewCard from "components/Reviews/ReviewCard.vue";
 
 export default {
   name: "PageCompleteSpaceDetails",
-  components: { ViewLocation, ScheduleFormCreation, notFound, ReviewForm },
+  components: {
+    ViewLocation,
+    ScheduleFormCreation,
+    notFound,
+    ReviewForm,
+    ReviewCard,
+  },
   setup() {
     const loading = ref(true);
     const space = ref({
@@ -219,6 +245,7 @@ export default {
     const notFound = ref(false);
     const showReviewForm = ref(false);
     const loadingReviewSubmit = ref(false);
+    const reviews = ref([]);
 
     supabase
       .from("spaces")
@@ -230,6 +257,16 @@ export default {
           spaceType.value = spaceTypes.find(
             (type) => type.value === space.value.type
           );
+
+          supabase
+            .from("reviews")
+            .select("*, users(raw_user_meta_data)")
+            .eq("space_id", spaceId)
+            .then(({ error, data }) => {
+              if (data) {
+                reviews.value = data;
+              }
+            });
         } else {
           notFound.value = True;
           Notify.create({
@@ -253,6 +290,7 @@ export default {
       loading,
       showReviewForm,
       loadingReviewSubmit,
+      reviews,
       getWeekDayLabel(day) {
         return weekdays.find((d) => d.value === day).label;
       },

From fbed96e78f8ed958c876eca9bc15d3f68e2103f4 Mon Sep 17 00:00:00 2001
From: Albert Hidalgo <alhidalgodev@gmail.com>
Date: Thu, 15 Sep 2022 22:24:09 -0400
Subject: [PATCH 10/17] feat

* Added skeleton loading
---
 src/pages/Spaces/CompleteDetails.vue | 25 +++++++++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

diff --git a/src/pages/Spaces/CompleteDetails.vue b/src/pages/Spaces/CompleteDetails.vue
index 8d94821..0f47572 100644
--- a/src/pages/Spaces/CompleteDetails.vue
+++ b/src/pages/Spaces/CompleteDetails.vue
@@ -173,7 +173,25 @@
         <q-card-section>
           <p class="text-h5">{{ $t("common.reviews") }}</p>
           <div class="row">
-            <template v-if="reviews.length > 0">
+            <template v-if="loadingReviews">
+              <div class="col-12" v-for="i in 4" :key="i">
+                <q-item>
+                  <q-item-section avatar>
+                    <q-skeleton type="QAvatar" />
+                  </q-item-section>
+
+                  <q-item-section>
+                    <q-item-label>
+                      <q-skeleton width="150px" type="text" />
+                    </q-item-label>
+                    <q-item-label caption>
+                      <q-skeleton width="150px" type="text" />
+                    </q-item-label>
+                  </q-item-section>
+                </q-item>
+              </div>
+            </template>
+            <template v-else-if="reviews.length > 0">
               <div class="col-12" v-for="review in reviews" :key="review.id">
                 <review-card :review="review" />
               </div>
@@ -246,6 +264,7 @@ export default {
     const showReviewForm = ref(false);
     const loadingReviewSubmit = ref(false);
     const reviews = ref([]);
+    const loadingReviews = ref(true);
 
     supabase
       .from("spaces")
@@ -262,10 +281,11 @@ export default {
             .from("reviews")
             .select("*, users(raw_user_meta_data)")
             .eq("space_id", spaceId)
-            .then(({ error, data }) => {
+            .then(({ data }) => {
               if (data) {
                 reviews.value = data;
               }
+              loadingReviews.value = false;
             });
         } else {
           notFound.value = True;
@@ -291,6 +311,7 @@ export default {
       showReviewForm,
       loadingReviewSubmit,
       reviews,
+      loadingReviews,
       getWeekDayLabel(day) {
         return weekdays.find((d) => d.value === day).label;
       },

From 66160a2477f37ca2f38c9e3a8c0856424f6fb8b1 Mon Sep 17 00:00:00 2001
From: Albert Hidalgo <alhidalgodev@gmail.com>
Date: Fri, 16 Sep 2022 23:30:36 -0400
Subject: [PATCH 11/17] feat

* Check if the user have a pending review
---
 src/pages/Spaces/CompleteDetails.vue | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/src/pages/Spaces/CompleteDetails.vue b/src/pages/Spaces/CompleteDetails.vue
index 0f47572..5324641 100644
--- a/src/pages/Spaces/CompleteDetails.vue
+++ b/src/pages/Spaces/CompleteDetails.vue
@@ -266,6 +266,25 @@ export default {
     const reviews = ref([]);
     const loadingReviews = ref(true);
 
+    const fetchScheduleByTheLoggedUser = async () => {
+      const { data, error } = await supabase
+        .from("schedules")
+        .select("*")
+        .eq("user_id", authStore.user.id)
+        .eq("space_id", spaceId);
+
+      if (error) {
+        Notify.create({
+          message: error.message,
+          color: "negative",
+        });
+      }
+
+      if (data && data[0] && data[0].accepted_by_owner === true) {
+        showReviewForm.value = true;
+      }
+    };
+
     supabase
       .from("spaces")
       .select("*, photos(url), users(raw_user_meta_data)")
@@ -295,6 +314,10 @@ export default {
           });
         }
         loading.value = false;
+
+        if (authStore.user && authStore.user.id) {
+          fetchScheduleByTheLoggedUser();
+        }
       });
 
     return {

From 22ba80829c27be1d45a1866ae0736edc83c52790 Mon Sep 17 00:00:00 2001
From: Albert Hidalgo <alhidalgodev@gmail.com>
Date: Fri, 16 Sep 2022 23:40:45 -0400
Subject: [PATCH 12/17] refactor

* Change the schedule status property
---
 src/pages/Spaces/CompleteDetails.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Spaces/CompleteDetails.vue b/src/pages/Spaces/CompleteDetails.vue
index 5324641..fc68f9b 100644
--- a/src/pages/Spaces/CompleteDetails.vue
+++ b/src/pages/Spaces/CompleteDetails.vue
@@ -280,7 +280,7 @@ export default {
         });
       }
 
-      if (data && data[0] && data[0].accepted_by_owner === true) {
+      if (data && data[0] && data[0].status === "pending") {
         showReviewForm.value = true;
       }
     };

From a068eec76e51be52a954c50430fbe19b66df6cea Mon Sep 17 00:00:00 2001
From: Albert Hidalgo <alhidalgodev@gmail.com>
Date: Sat, 17 Sep 2022 00:01:04 -0400
Subject: [PATCH 13/17] feat

* Added i18n text
---
 src/i18n/en-US/index.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/i18n/en-US/index.js b/src/i18n/en-US/index.js
index e3ffa36..3894d24 100644
--- a/src/i18n/en-US/index.js
+++ b/src/i18n/en-US/index.js
@@ -125,5 +125,7 @@ export default {
     continue: "Continue",
     changePassword: "Change Password",
     publishFeedback: "Publish Feedback",
+    accept: "Accept",
+    reject: "Reject",
   },
 };

From 84ac672fded3b884593cb1a6e6ecebf4a5fa66ad Mon Sep 17 00:00:00 2001
From: Albert Hidalgo <alhidalgodev@gmail.com>
Date: Sat, 17 Sep 2022 00:01:30 -0400
Subject: [PATCH 14/17] feat

* Handle actions to accept or reject schedules
---
 src/components/Schedule/MiniCard.vue | 39 +++++++++++++++++++++++++++-
 1 file changed, 38 insertions(+), 1 deletion(-)

diff --git a/src/components/Schedule/MiniCard.vue b/src/components/Schedule/MiniCard.vue
index dafd6be..4807c12 100644
--- a/src/components/Schedule/MiniCard.vue
+++ b/src/components/Schedule/MiniCard.vue
@@ -35,6 +35,29 @@
           {{ $t("common.at") }} {{ parseTime(schedule.from_time) }} -
           {{ parseTime(schedule.to_time) }}
         </div>
+        <div class="col-12" v-if="showActions">
+          <div class="row q-col-gutter-md">
+            <div class="col-6">
+              <q-btn
+                :loading="loading"
+                @click="onAccept()"
+                push
+                color="primary"
+                text-color="white"
+                :label="$t('action.accept')"
+              />
+            </div>
+            <div class="col-6 text-right">
+              <q-btn
+                :loading="loading"
+                @click="onReject()"
+                push
+                color="negative"
+                :label="$t('action.reject')"
+              />
+            </div>
+          </div>
+        </div>
         <div class="col-12">
           <q-separator />
         </div>
@@ -61,9 +84,17 @@ export default {
       type: Object,
       required: true,
     },
+    showActions: {
+      type: Boolean,
+      default: false,
+    },
+    loading: {
+      type: Boolean,
+      default: false,
+    },
   },
   components: { SpaceMinimal },
-  setup() {
+  setup(_, { emit }) {
     const $t = useI18n().t;
 
     return {
@@ -80,6 +111,12 @@ export default {
         const diff = toDate.diff(fromDate, "days");
         return diff + " " + $t("common.days");
       },
+      onAccept() {
+        emit("accept");
+      },
+      onReject() {
+        emit("reject");
+      },
     };
   },
 };

From 665604eac623b807486a0e0d8ae1edec622b6cbc Mon Sep 17 00:00:00 2001
From: Albert Hidalgo <alhidalgodev@gmail.com>
Date: Sat, 17 Sep 2022 00:01:49 -0400
Subject: [PATCH 15/17] feat

* Handle accept or reject schedules
---
 src/pages/User/ProfileDetails.vue | 60 ++++++++++++++++++++++++++++++-
 1 file changed, 59 insertions(+), 1 deletion(-)

diff --git a/src/pages/User/ProfileDetails.vue b/src/pages/User/ProfileDetails.vue
index 53ed393..ad8a9ea 100644
--- a/src/pages/User/ProfileDetails.vue
+++ b/src/pages/User/ProfileDetails.vue
@@ -70,7 +70,13 @@
                   :key="schedule.id"
                   class="q-my-md"
                 >
-                  <schedule-mini-card :schedule="schedule" />
+                  <schedule-mini-card
+                    :schedule="schedule"
+                    :show-actions="schedule.status === 'pending'"
+                    :loading="loadingScheduleStatusChange"
+                    @accept="onAcceptSchedule(schedule)"
+                    @reject="onRejectSchedule(schedule)"
+                  />
                 </div>
                 <div
                   v-if="
@@ -116,6 +122,7 @@ export default {
     const loadingSpaces = ref(true);
     const loadingSchedules = ref(true);
     const loadingSchedulesSpaces = ref(true);
+    const loadingScheduleStatusChange = ref(false);
 
     supabase
       .from("spaces")
@@ -180,6 +187,57 @@ export default {
       loadingSpaces,
       loadingSchedules,
       loadingSchedulesSpaces,
+      loadingScheduleStatusChange,
+      onAcceptSchedule(schedule) {
+        loadingScheduleStatusChange.value = true;
+        supabase
+          .from("schedules")
+          .update({ status: "accepted" })
+          .eq("id", schedule.id)
+          .then(({ data, error }) => {
+            if (error) {
+              Notify.create({
+                color: "negative",
+                textColor: "white",
+                message: error.message,
+              });
+            } else {
+              Notify.create({
+                color: "positive",
+                textColor: "white",
+                message: "Schedule accepted",
+              });
+
+              schedule.status = "accepted";
+            }
+            loadingScheduleStatusChange.value = false;
+          });
+      },
+      onRejectSchedule(schedule) {
+        loadingScheduleStatusChange.value = true;
+        supabase
+          .from("schedules")
+          .update({ status: "rejected" })
+          .eq("id", schedule.id)
+          .then(({ data, error }) => {
+            if (error) {
+              Notify.create({
+                color: "negative",
+                textColor: "white",
+                message: error.message,
+              });
+            } else {
+              Notify.create({
+                color: "positive",
+                textColor: "white",
+                message: "Schedule rejected",
+              });
+
+              schedule.status = "rejected";
+            }
+            loadingScheduleStatusChange.value = false;
+          });
+      },
     };
   },
 };

From 3d93c0d65301459db444cf77e7d1cc86b335a20d Mon Sep 17 00:00:00 2001
From: Albert Hidalgo <alhidalgodev@gmail.com>
Date: Sat, 17 Sep 2022 00:17:01 -0400
Subject: [PATCH 16/17] feat

* Added i18n text
---
 src/i18n/en-US/index.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/i18n/en-US/index.js b/src/i18n/en-US/index.js
index 3894d24..dac52c0 100644
--- a/src/i18n/en-US/index.js
+++ b/src/i18n/en-US/index.js
@@ -70,6 +70,9 @@ export default {
     giveFeedback: "Give Feedback",
     comment: "Comment",
     reviews: "Reviews",
+    accepted: "Accepted",
+    rejected: "Rejected",
+    pending: "Pending",
   },
   messages: {
     information: {

From b5a2e2e35460527b7d1ab7867380c74fecc80fa3 Mon Sep 17 00:00:00 2001
From: Albert Hidalgo <alhidalgodev@gmail.com>
Date: Sat, 17 Sep 2022 00:17:13 -0400
Subject: [PATCH 17/17] feat

* Show the schedule status
---
 src/components/Schedule/MiniCard.vue | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/src/components/Schedule/MiniCard.vue b/src/components/Schedule/MiniCard.vue
index 4807c12..b2f8594 100644
--- a/src/components/Schedule/MiniCard.vue
+++ b/src/components/Schedule/MiniCard.vue
@@ -29,6 +29,13 @@
                   )} ${$t("common.days")}`
             }}
           </q-chip>
+          <q-chip
+            :color="getStatusColor(schedule.status)"
+            :text-color="schedule.status === 'pending' ? 'black' : 'white'"
+            size="10px"
+          >
+            {{ $t(`common.${schedule.status}`) }}
+          </q-chip>
         </div>
         <div class="col-12">
           <q-icon size="xs" name="eva-clock-outline" />
@@ -117,6 +124,18 @@ export default {
       onReject() {
         emit("reject");
       },
+      getStatusColor(status) {
+        switch (status) {
+          case "pending":
+            return "grey-4";
+          case "accepted":
+            return "primary";
+          case "rejected":
+            return "negative";
+          default:
+            return "grey-4";
+        }
+      },
     };
   },
 };