style: :lipstick: style (status agenda) padronizacao status agenda

realizada padronizacao dos status da agenda

fase:dev | origin:escopo

src/components/dashboard/NextSchedulesDetailsDialog.vue

@@ -116,15 +116,22 @@
           <div class="col-1 q-my-auto">
             <q-icon
               class="flex-shrink-0 q-mt-xxs"
-              color="primary"
-              name="mdi-map-marker-outline"
+              :color="isConfirmed ? 'primary' : 'grey-6'"
+              :name="isConfirmed ? 'mdi-map-marker-outline' : 'mdi-map-marker-off-outline'"
               size="20px"
             />
           </div>
 
           <div class="col">
-            <span class="font12 text-center text-grey-8">
-              {{ formattedAddress || "N/A" }}
+            <span
+              class="font12 text-center"
+              :class="isConfirmed ? 'text-grey-8' : 'text-grey-6'"
+            >
+              {{
+                isConfirmed
+                  ? formattedAddress || "N/A"
+                  : $t("provider.dashboard.next_schedules.address_hidden")
+              }}
             </span>
           </div>
         </div>
@@ -140,6 +147,7 @@
         </div>
 
         <q-btn
+          v-if="isConfirmed"
           class="q-mt-xs"
           color="primary"
           dense
@@ -229,6 +237,10 @@ const dayMonthLabel = computed(() => {
 
 const formattedAddress = computed(() => formatAddress(props.schedule.address));
 
+const isConfirmed = computed(() =>
+  ["accepted", "paid", "started", "finished"].includes(props.schedule.status),
+);
+
 const periodLabel = computed(() => {
   const period = labelsPeriodTypes.find(
     (label) => label.value == props.schedule.period_type,

src/i18n/locales/en.json

@@ -385,6 +385,7 @@
         "place_unknown": "Address",
         "copy_address": "Copy address",
         "address_copied": "Address copied!",
+        "address_hidden": "Address available after the booking is confirmed",
         "btn_cancel_service": "Cancel service",
         "btn_need_help": "I need help",
         "empty_alert_bold": "You do not have scheduled services right now.",

src/i18n/locales/es.json

@@ -385,6 +385,7 @@
         "place_unknown": "Dirección",
         "copy_address": "Copiar dirección",
         "address_copied": "¡Dirección copiada!",
+        "address_hidden": "Dirección disponible tras la confirmación de la reserva",
         "btn_cancel_service": "Cancelar servicio",
         "btn_need_help": "Necesito ayuda",
         "empty_alert_bold": "En este momento todavía no tienes servicios programados.",

src/i18n/locales/pt.json

@@ -385,6 +385,7 @@
         "place_unknown": "Endereço",
         "copy_address": "Copiar endereço",
         "address_copied": "Endereço copiado!",
+        "address_hidden": "Endereço disponível após a confirmação do agendamento",
         "btn_cancel_service": "Cancelar serviço",
         "btn_need_help": "Preciso de ajuda",
         "empty_alert_bold": "No momento, você ainda não possui serviços agendados.",

src/pages/calendar/CalendarPage.vue

@@ -216,6 +216,7 @@
                 <q-space />
 
                 <q-rating
+                  v-if="item.provider_reviewed || canReview(item)"
                   :model-value="item.provider_reviewed ? item.provider_stars : 0"
                   :max="5"
                   class="q-mr-sm"
@@ -227,7 +228,7 @@
                 />
 
                 <q-btn
-                  v-if="!item.provider_reviewed"
+                  v-if="!item.provider_reviewed && canReview(item)"
                   class="btn-rate"
                   color="secondary"
                   no-caps
@@ -376,7 +377,11 @@ const openDetailsDialog = (schedule) => {
   });
 };
 
+const canReview = (item) => item.status !== 'cancelled';
+
 const openRatingDialog = (schedule) => {
+  if (!canReview(schedule)) return;
+
   $q.dialog({
     component: ScheduleRatingDialog,
     componentProps: { schedule },