From b1304ca7349d17d46bd02b570de0ca9d131681c9 Mon Sep 17 00:00:00 2001
From: Philipp Reinking <philipp@deck9.co>
Date: Fri, 25 Oct 2024 16:44:04 +0200
Subject: [PATCH] fix navigator and transition bug

---
 .../classic/layout/FormSubmittedPage.vue      | 36 +++++++++----------
 .../js/forms/classic/layout/Navigator.vue     |  6 +++-
 2 files changed, 23 insertions(+), 19 deletions(-)

diff --git a/resources/js/forms/classic/layout/FormSubmittedPage.vue b/resources/js/forms/classic/layout/FormSubmittedPage.vue
index 476a1048..32b1bae7 100644
--- a/resources/js/forms/classic/layout/FormSubmittedPage.vue
+++ b/resources/js/forms/classic/layout/FormSubmittedPage.vue
@@ -1,23 +1,23 @@
 <template>
-  <div class="form-message-prose conversation-theme">
-    <h1>
-      {{ store.form?.eoc_headline || t("form_submitted") }}
-    </h1>
-    <div
-      v-if="store.form?.eoc_text"
-      class="mt-2"
-      v-html="store.form?.eoc_text"
-    ></div>
-  </div>
-
   <div>
-    <CallToActionButton
-      v-if="store.form?.show_cta_link && store.callToActionUrl"
-      :href="store.callToActionUrl"
-      :label="store.form?.cta_label ?? t('close')"
-    />
-
-    <SocialLinks v-if="store.form?.show_social_links" class="mt-8" />
+    <div class="form-message-prose conversation-theme">
+      <h1>
+        {{ store.form?.eoc_headline || t("form_submitted") }}
+      </h1>
+      <div
+        v-if="store.form?.eoc_text"
+        class="mt-2"
+        v-html="store.form?.eoc_text"
+      ></div>
+    </div>
+    <div>
+      <CallToActionButton
+        v-if="store.form?.show_cta_link && store.callToActionUrl"
+        :href="store.callToActionUrl"
+        :label="store.form?.cta_label ?? t('close')"
+      />
+      <SocialLinks v-if="store.form?.show_social_links" class="mt-8" />
+    </div>
   </div>
 </template>
 
diff --git a/resources/js/forms/classic/layout/Navigator.vue b/resources/js/forms/classic/layout/Navigator.vue
index 7ef7f264..3457d114 100644
--- a/resources/js/forms/classic/layout/Navigator.vue
+++ b/resources/js/forms/classic/layout/Navigator.vue
@@ -82,6 +82,10 @@ const currentPage = computed(() => {
 });
 
 const progress = computed(() => {
-  return Math.round((store.currentBlockIndex / totalPages.value) * 100);
+  if (store.currentBlockIndex <= 0) {
+    return 0;
+  }
+
+  return Math.round(((store.currentBlockIndex + 1) / totalPages.value) * 100);
 });
 </script>