From 69df89303fe8a49dabc1dbcd77c11ad77e7884d8 Mon Sep 17 00:00:00 2001
From: Antoine Nguyen <tonio@ngyn.org>
Date: Mon, 24 Nov 2025 14:43:40 +0100
Subject: [PATCH] Properly display associated domains when editing provider

fix #3807
---
 docker/Dockerfile.front.dev                          |  2 +-
 .../form_steps/ProviderAssociatedForm.vue            | 12 ++++++++----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/docker/Dockerfile.front.dev b/docker/Dockerfile.front.dev
index 0dff8b433..978e2f2b2 100644
--- a/docker/Dockerfile.front.dev
+++ b/docker/Dockerfile.front.dev
@@ -1,4 +1,4 @@
-FROM node:20.11-alpine
+FROM node:20.19-alpine
 
 ENV HOME=/home/node/
 
diff --git a/frontend/src/components/admin/imap_migration/form_steps/ProviderAssociatedForm.vue b/frontend/src/components/admin/imap_migration/form_steps/ProviderAssociatedForm.vue
index 5f6d1a350..bef48438b 100644
--- a/frontend/src/components/admin/imap_migration/form_steps/ProviderAssociatedForm.vue
+++ b/frontend/src/components/admin/imap_migration/form_steps/ProviderAssociatedForm.vue
@@ -30,7 +30,7 @@
     @click:close="removeDomain(index)"
   >
     <template v-if="domain.new_domain">
-      {{ domain.name }} --> {{ domain.new_domain.name }}
+      {{ domain.name }} --> {{ getDomainName(domain.new_domain) }}
     </template>
     <template v-else>
       {{ domain.name }}
@@ -106,9 +106,10 @@ function onKeyDown(e) {
   }
 }
 
-domainsApi.getDomains({ page_size: 0 }).then((resp) => {
-  localDomains.value = resp.data.results
-})
+function getDomainName(domainId) {
+  console.log(localDomains.value)
+  return localDomains.value.find((domain) => domain.pk === domainId).name
+}
 
 function atLeastOneAssDomain() {
   if (domains.value.length === 0) {
@@ -118,4 +119,7 @@ function atLeastOneAssDomain() {
 }
 
 defineExpose({ vFormRef })
+
+const resp = await domainsApi.getDomains({ page_size: 0 })
+localDomains.value = resp.data.results
 </script>