From 0d7d8e3f59b7f7e9273895893f7a6cc1322b57e0 Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Wed, 19 Feb 2025 10:19:26 +0100
Subject: [PATCH] #128 - add submitting state

---
 src/components/comments/Comments.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/components/comments/Comments.vue b/src/components/comments/Comments.vue
index df729a1..3e5544f 100644
--- a/src/components/comments/Comments.vue
+++ b/src/components/comments/Comments.vue
@@ -86,15 +86,22 @@
     >
       <label class="sr-only" for="comment">Votre commentaire</label>
       <textarea
+        v-model="draftComment.text"
+        :disabled="isSubmitting ? true : undefined"
         name="comment"
         id="comment"
         placeholder="Ajouter un commentaire…"
         rows="5"
         class="text-sm | rounded-lg bg-black p-12"
-        v-model="draftComment.text"
       ></textarea>
       <footer class="flex">
-        <input type="submit" class="btn btn--tranparent" />
+        <input
+          type="submit"
+          class="btn btn--tranparent"
+          :class="{ submitting: isSubmitting }"
+          :value="isSubmitting ? 'En cours' : undefined"
+          :disabled="isSubmitting ? true : undefined"
+        />
         <button class="btn btn--white-10" @click="isAddOpen = false">
           Annuler
         </button>
@@ -128,6 +135,7 @@ const api = useApiStore();
 const isAddOpen = ref(false);
 const route = useRoute();
 const waitingForCommentPosition = ref(false);
+const isSubmitting = ref(false);
 
 const sortedComments = computed(() => {
   return [...comments.value].reverse();
@@ -219,7 +227,9 @@ async function addComment(newComment) {
     /projects\/.*?(?=\/[^/]+\/[^/]+$)/
   );
   newComment.fileParentUri = matchFileParentUri ? matchFileParentUri[0] : null;
+  isSubmitting.value = true;
   const newFile = await api.addComment(newComment);
+  isSubmitting.value = false;
   resetDraftComment();
   isAddOpen.value = false;
   if (!newFile) return;