add success snackbars to the helloasso page

i18n/lang/fr/general.json

@@ -831,5 +831,8 @@
   "your_helloasso_account_is_linked": "Votre compte HelloAsso a bien été lié.",
   "an_error_occured": "Une erreur s'est produite",
   "please_contact_support": "Veuillez contacter le support technique pour plus d'informations.",
-  "unlink_your_helloasso_account": "Déconnecter votre compte HelloAsso"
+  "unlink_your_helloasso_account": "Déconnecter votre compte HelloAsso",
+  "your_helloasso_account_was_successfully_connected": "Votre compte HelloAsso a été connecté avec succès.",
+  "your_helloasso_account_was_successfully_unlinked": "Votre compte HelloAsso a été déconnecté avec succès.",
+  "close": "Fermer"
 }

pages/helloasso/index.vue

@@ -44,6 +44,26 @@ Administration de la connexion Opentalent / HelloAsso
         </v-col>
       </v-row>
     </v-card>
+
+    <v-snackbar v-model="connectedSnackbar" color="success">
+      {{ $t('your_helloasso_account_was_successfully_connected') }}
+
+      <template v-slot:actions>
+        <v-btn variant="text" @click="connectedSnackbar = false">
+          {{ $t('close') }}
+        </v-btn>
+      </template>
+    </v-snackbar>
+
+    <v-snackbar v-model="unlinkedSnackbar" color="success">
+      {{ $t('your_helloasso_account_was_successfully_unlinked') }}
+
+      <template v-slot:actions>
+        <v-btn variant="text" @click="unlinkedSnackbar = false">
+          {{ $t('close') }}
+        </v-btn>
+      </template>
+    </v-snackbar>
   </LayoutContainer>
 </template>
 
@@ -59,6 +79,9 @@ const { em } = useEntityManager()
 
 const organizationProfile = useOrganizationProfileStore()
 
+const connectedSnackbar: Ref<boolean> = ref(false)
+const unlinkedSnackbar: Ref<boolean> = ref(false)
+
 const onHelloAssoConnectClicked = async () => {
   // Important de régénérer une URL avec un nouveau challenge à chaque
   // essai (entre autres pour supporter le HMR pendant les tests en local,
@@ -111,6 +134,8 @@ const onHelloAssoConnected = async () => {
     console.log('Helloasso connected (fallback SSE)')
     await refreshHelloAssoProfile()
   }
+
+  connectedSnackbar.value = true
 }
 
 const unlinkingPending: Ref<boolean> = ref(false)
@@ -125,6 +150,8 @@ const onUnlinkAccountClick = async () => {
   try {
     await em.persist(unlinkRequest)
     await refreshHelloAssoProfile()
+
+    unlinkedSnackbar.value = true
   } finally {
     unlinkingPending.value = false
   }