From 1d5bca79623d23538b60af72db830bc274af7c46 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Mon, 21 Apr 2025 12:01:17 +0200
Subject: [PATCH] Make CloudronAccount view fetch console domain from backend
 config

---
 dashboard/src/components/CloudronAccount.vue | 16 ++++++++++++----
 dashboard/src/components/MailboxDialog.vue   |  1 -
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/dashboard/src/components/CloudronAccount.vue b/dashboard/src/components/CloudronAccount.vue
index f81d44382..b2e1b2bb4 100644
--- a/dashboard/src/components/CloudronAccount.vue
+++ b/dashboard/src/components/CloudronAccount.vue
@@ -1,17 +1,18 @@
 <script setup>
 
 import { ref, onMounted, useTemplateRef } from 'vue';
-import { Button } from 'pankow';
+import { Button, Spinner } from 'pankow';
 import { prettyDate } from 'pankow/utils';
 import Section from '../components/Section.vue';
 import SettingsItem from '../components/SettingsItem.vue';
 import CloudronRegistrationDialog from '../components/CloudronRegistrationDialog.vue';
 import AppstoreModel from '../models/AppstoreModel.js';
+import DashboardModel from '../models/DashboardModel.js';
 
 const appstoreModel = AppstoreModel.create();
+const dashboardModel = DashboardModel.create();
 
-// TODO maybe support dev.console.cloudron.io
-const consoleServerOrigin = 'https://console.cloudron.io';
+const consoleServerOrigin = ref();
 const busy = ref(true);
 const hasSubscription = ref(false);
 const email = ref('');
@@ -48,6 +49,11 @@ async function refresh() {
 }
 
 onMounted(async () => {
+  const [error, result] = await dashboardModel.config();
+  if (error) return console.error(error);
+
+  consoleServerOrigin.value = result.consoleServerOrigin;
+
   await refresh();
   busy.value = false;
 });
@@ -65,7 +71,6 @@ onMounted(async () => {
         <div v-if="hasSubscription">
           <p>{{ $t('settings.appstoreAccount.description') }}</p>
 
-          <!-- TODO what is `subscription.externalCustomer` ? -->
           <div class="info-row">
             <div class="info-label">{{ $t('settings.appstoreAccount.email') }}</div>
             <!-- TODO change to setup subscxription -->
@@ -103,6 +108,9 @@ onMounted(async () => {
           </SettingsItem>
         </div>
       </div>
+      <div v-else>
+        <Spinner class="pankow-spinner-large"/>
+      </div>
     </Section>
   </div>
 </template>
diff --git a/dashboard/src/components/MailboxDialog.vue b/dashboard/src/components/MailboxDialog.vue
index a376bf1e1..0da39bda2 100644
--- a/dashboard/src/components/MailboxDialog.vue
+++ b/dashboard/src/components/MailboxDialog.vue
@@ -120,7 +120,6 @@ defineExpose({
          <fieldset :disabled="busy">
           <input type="submit" style="display: none;" :disabled="!name || !domain"/>
 
-<!-- TODO only list domains which have incoming enabled -->
           <FormGroup v-if="!mailbox">
             <label for="nameInput">{{ $t('email.addMailboxDialog.name') }}</label>
             <InputGroup>