From b836392ffb0c34525c206c448714e94889e062a6 Mon Sep 17 00:00:00 2001
From: momen <vmomenv@gmail.com>
Date: Tue, 31 Mar 2026 20:31:45 +0800
Subject: [PATCH] =?UTF-8?q?update:=E5=BA=94=E7=94=A8=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E4=B8=AD=EF=BC=8Cspark=E8=BD=AF=E4=BB=B6=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E5=8A=A0=E5=85=A5=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/InstalledAppsModal.vue | 23 +++++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/components/InstalledAppsModal.vue b/src/components/InstalledAppsModal.vue
index 121a1b66..6a80c909 100644
--- a/src/components/InstalledAppsModal.vue
+++ b/src/components/InstalledAppsModal.vue
@@ -104,16 +104,19 @@
             >
               <div class="flex items-center gap-3">
                 <div
-                  v-if="app.icons"
                   class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-slate-100 dark:bg-slate-800"
                 >
                   <img
-                    v-if="app.icons.startsWith('/')"
-                    :src="`file://${app.icons}`"
+                    v-show="!iconErrors[app.pkgname] && getIconUrl(app)"
+                    :src="getIconUrl(app)"
                     class="h-8 w-8 object-contain"
                     alt=""
+                    @error="iconErrors[app.pkgname] = true"
                   />
-                  <i v-else class="fas fa-cube text-xl text-slate-400"></i>
+                  <i
+                    v-show="iconErrors[app.pkgname] || !getIconUrl(app)"
+                    class="fas fa-cube text-xl text-slate-400"
+                  ></i>
                 </div>
                 <div>
                   <div class="flex items-center gap-2">
@@ -158,7 +161,19 @@
 </template>
 
 <script setup lang="ts">
+import { reactive } from "vue";
 import { App } from "../global/typedefinition";
+import { APM_STORE_BASE_URL } from "../global/storeConfig";
+
+const iconErrors = reactive<Record<string, boolean>>({});
+
+const getIconUrl = (app: App) => {
+  if (app.icons && app.icons.startsWith("/")) return `file://${app.icons}`;
+  if (!app.category || app.category === "unknown") return "";
+  const arch = window.apm_store.arch || "amd64";
+  const finalArch = app.origin === "spark" ? `${arch}-store` : `${arch}-apm`;
+  return `${APM_STORE_BASE_URL}/${finalArch}/${app.category}/${app.pkgname}/icon.png`;
+};
 
 defineProps<{
   show: boolean;