From 2e63d24e409355f92c2280c4efaf65b1f40be984 Mon Sep 17 00:00:00 2001
From: Michael Genson <71845777+michael-genson@users.noreply.github.com>
Date: Thu, 24 Jul 2025 23:27:49 +0000
Subject: [PATCH] wait for timelime event to finish before closing modal

---
 frontend/components/Domain/Recipe/RecipeLastMade.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/components/Domain/Recipe/RecipeLastMade.vue b/frontend/components/Domain/Recipe/RecipeLastMade.vue
index 8009bdc13..df02c24f4 100644
--- a/frontend/components/Domain/Recipe/RecipeLastMade.vue
+++ b/frontend/components/Domain/Recipe/RecipeLastMade.vue
@@ -3,6 +3,7 @@
     <div>
       <BaseDialog
         v-model="madeThisDialog"
+        :loading="madeThisFormLoading"
         :icon="$globals.icons.chefHat"
         :title="$t('recipe.made-this')"
         :submit-text="$t('recipe.add-to-timeline')"
@@ -196,12 +197,14 @@ export default defineNuxtComponent({
       newTimelineEventImagePreviewUrl.value = URL.createObjectURL(fileObject);
     }
 
-    const state = reactive({ datePickerMenu: false });
+    const state = reactive({ datePickerMenu: false, madeThisFormLoading: false });
     async function createTimelineEvent() {
       if (!(newTimelineEventTimestampString.value && props.recipe?.id && props.recipe?.slug)) {
         return;
       }
 
+      state.madeThisFormLoading = true;
+
       newTimelineEvent.value.recipeId = props.recipe.id;
       // Note: $auth.user is now a ref
       newTimelineEvent.value.subject = i18n.t("recipe.user-made-this", { user: $auth.user.value?.fullName });
@@ -236,6 +239,7 @@ export default defineNuxtComponent({
       newTimelineEvent.value.timestamp = undefined;
       clearImage();
       madeThisDialog.value = false;
+      state.madeThisFormLoading = false;
       domMadeThisForm.value?.reset();
 
       context.emit("eventCreated", newEvent);