From d3d668d930281914f37bb7181a16910ef258a9e9 Mon Sep 17 00:00:00 2001
From: Girish Ramakrishnan <girish@cloudron.io>
Date: Tue, 14 Oct 2025 16:50:25 +0200
Subject: [PATCH] archive: display the site name of latest backup

---
 dashboard/public/translation/en.json       |  2 +-
 dashboard/src/components/app/Uninstall.vue | 11 +++++++++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/dashboard/public/translation/en.json b/dashboard/public/translation/en.json
index dd63f5215..328614725 100644
--- a/dashboard/public/translation/en.json
+++ b/dashboard/public/translation/en.json
@@ -1900,7 +1900,7 @@
             "title": "Archive",
             "description": "The latest app backup will be added to the <a href=\"/#/backups\">App Archive</a>. The app will be uninstalled, but can be restored from the Backups View. Other backups will be cleaned up based on the backup policy.",
             "action": "Archive",
-            "latestBackupInfo": "The last backup was created at {{date}}.",
+            "latestBackupInfo": "The last backup was created on {{siteName}} at {{date}}.",
             "noBackup": "This app has no backup. Archiving requires a recent backup."
         },
         "archiveDialog": {
diff --git a/dashboard/src/components/app/Uninstall.vue b/dashboard/src/components/app/Uninstall.vue
index ac1a9027f..ea6d835e7 100644
--- a/dashboard/src/components/app/Uninstall.vue
+++ b/dashboard/src/components/app/Uninstall.vue
@@ -91,10 +91,17 @@ async function onArchive() {
 }
 
 onMounted(async () => {
-  const [error, result] = await appsModel.backups(props.app.id);
+  let [error, result] = await appsModel.backups(props.app.id);
   if (error) return console.error(error);
 
   latestBackup.value = result[0] || null;
+
+  if (latestBackup.value) {
+    [error, result] = await appsModel.listBackupSites(props.app.id);
+    if (error) return console.error(error);
+
+    latestBackup.value.siteName = result.find((s) => s.id === latestBackup.value.siteId).name;
+  }
 });
 
 </script>
@@ -120,7 +127,7 @@ onMounted(async () => {
     <div v-if="app.type !== APP_TYPES.PROXIED">
       <label>{{ $t('app.archive.title') }}</label>
       <div v-html="$t('app.archive.description')"></div>
-      <p class="text-bold text-success" v-if="latestBackup" v-html="$t('app.archive.latestBackupInfo', { date: prettyLongDate(latestBackup.creationTime) })"></p>
+      <p class="text-bold text-success" v-if="latestBackup" v-html="$t('app.archive.latestBackupInfo', { date: prettyLongDate(latestBackup.creationTime), siteName: latestBackup.siteName })"></p>
       <p class="text-warning" v-else v-html="$t('app.archive.noBackup')"></p>
       <Button :disabled="!latestBackup" @click="onArchive()">{{ $t('app.archive.action') }}</Button>
     </div>