From fb51be8fc9b7e8289c0ec9bc001116db1e1671b3 Mon Sep 17 00:00:00 2001
From: jakub961241 <144362244+jakub961241@users.noreply.github.com>
Date: Sun, 22 Mar 2026 01:25:53 +0100
Subject: [PATCH] fix: hide Install button for already installed apps on
 dashboard (#11591)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The Install button was always visible on the dashboard app launcher,
even for apps that were already installed (just disabled). This was
confusing as it suggested the app wasn't installed.

Now:
- No installations → show "Install" button
- Installed, multi-instance allowed → show "+" button for additional install
- Installed, single instance (limit=1) → hide button entirely

Fixes #11591
---
 frontend/src/views/home/app/index.vue | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/home/app/index.vue b/frontend/src/views/home/app/index.vue
index 8551908e265e..8fd28597ccb7 100644
--- a/frontend/src/views/home/app/index.vue
+++ b/frontend/src/views/home/app/index.vue
@@ -156,19 +156,30 @@
                                     </div>
                                 </div>
                             </el-col>
-                            <el-col :span="1">
+                            <el-col :span="1" v-if="!app.detail || app.detail.length === 0">
                                 <el-button
                                     class="h-app-button"
                                     type="primary"
                                     plain
                                     round
                                     size="small"
-                                    :disabled="app.limit == 1 && app.detail && app.detail.length !== 0"
                                     @click="goInstall(app.key, app.appType)"
                                 >
                                     {{ $t('commons.button.install') }}
                                 </el-button>
                             </el-col>
+                            <el-col :span="1" v-else-if="app.limit !== 1">
+                                <el-button
+                                    class="h-app-button"
+                                    type="primary"
+                                    plain
+                                    round
+                                    size="small"
+                                    @click="goInstall(app.key, app.appType)"
+                                >
+                                    <el-icon><Plus /></el-icon>
+                                </el-button>
+                            </el-col>
                         </el-row>
                         <div class="h-app-divider" />
                     </div>