From 1baecdc1772dec92ed99a12c9fc1ff5b31569b82 Mon Sep 17 00:00:00 2001
From: JhumanJ <julien@nahum.net>
Date: Wed, 14 May 2025 12:39:02 +0200
Subject: [PATCH] Fix hydratation issues. Refactor OpenCompleteForm and app.vue
 for Improved Component Structure

- Wrapped `feature-base`, `SubscriptionModal`, and `QuickRegister` components in a `ClientOnly` tag within `app.vue` to enhance rendering behavior and prevent server-side rendering issues.
- Removed commented-out code in `OpenCompleteForm.vue` to clean up the component and improve readability.

These changes aim to improve the overall structure and maintainability of the components by ensuring proper rendering and clarity in the codebase.
---
 client/app.vue                                    | 8 +++++---
 client/components/open/forms/OpenCompleteForm.vue | 2 --
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/client/app.vue b/client/app.vue
index 7cc46c24..722d9fbd 100644
--- a/client/app.vue
+++ b/client/app.vue
@@ -48,9 +48,11 @@
     <ToolsStopImpersonation />
 
     <NotificationsWrapper />
-    <feature-base />
-    <SubscriptionModal />
-    <QuickRegister />
+    <ClientOnly>
+      <feature-base />
+      <SubscriptionModal />
+      <QuickRegister />
+    </ClientOnly>
   </div>
 </template>
 
diff --git a/client/components/open/forms/OpenCompleteForm.vue b/client/components/open/forms/OpenCompleteForm.vue
index ec8ae91e..1eef8df7 100644
--- a/client/components/open/forms/OpenCompleteForm.vue
+++ b/client/components/open/forms/OpenCompleteForm.vue
@@ -19,12 +19,10 @@
     </ClientOnly>
 
     <v-transition name="fade" mode="out-in">
-      <!-- Auto-submit loading state -->
       <div v-if="isAutoSubmit" key="auto-submit" class="text-center p-6">
         <Loader class="h-6 w-6 text-nt-blue mx-auto" />
       </div>
 
-      <!-- Main form content -->
       <div v-else key="form-content">
         <div v-if="isPublicFormPage && form.is_password_protected">
           <p class="form-description text-gray-700 dark:text-gray-300 px-2">