From 3a88ea0b0f73dd1d2bd9f0a838a3a7c94adaef22 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julien=20Fastr=C3=A9?= <julien.fastre@champs-libres.coop>
Date: Fri, 3 Jun 2022 14:39:35 +0200
Subject: [PATCH] answer vue component: use union type instead of enum

---
 .../Resources/public/vuejs/Invite/Answer.vue  | 25 +++++++++++--------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/Invite/Answer.vue b/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/Invite/Answer.vue
index 7f5224cbf..4607af7fc 100644
--- a/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/Invite/Answer.vue
+++ b/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/Invite/Answer.vue
@@ -27,12 +27,10 @@
 <script lang="ts">
 import {defineComponent, PropType} from 'vue';
 
-enum AnswerStatus {
-  ACCEPTED = 'accepted',
-  DECLINED = 'declined',
-  PENDING = 'pending',
-  TENTATIVELY_ACCEPTED = 'tentative',
-};
+const  ACCEPTED = 'accepted';
+const  DECLINED = 'declined';
+const  PENDING = 'pending';
+const  TENTATIVELY_ACCEPTED = 'tentative';
 
 const i18n = {
   messages: {
@@ -54,20 +52,25 @@ export default defineComponent({
   i18n,
   props: {
     calendarId: { type: Number, required: true},
-    status: {type: Object as PropType<AnswerStatus>, required: true},
+    status: {type: String as PropType<"accepted" | "declined" | "pending" | "tentative">, required: true},
   },
   emits: {
-    statusChanged(payload: AnswerStatus) {
+    statusChanged(payload: "accepted" | "declined" | "pending" | "tentative") {
       return true;
-    }
+    },
   },
   data() {
     return {
-      Statuses: AnswerStatus,
+      Statuses: {
+        ACCEPTED,
+        DECLINED,
+        PENDING,
+        TENTATIVELY_ACCEPTED,
+      },
     }
   },
   methods: {
-    changeStatus: function (newStatus: AnswerStatus) {
+    changeStatus: function (newStatus: "accepted" | "declined" | "pending" | "tentative") {
       console.log('changeStatus', newStatus);
       const url = `/api/1.0/calendar/calendar/${this.$props.calendarId}/answer/${newStatus}.json`;
       window.fetch(url, {