From 166548246dbdc594412dbf0917615c83136a20fb Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Tue, 15 Oct 2024 16:01:43 +1000
Subject: [PATCH] feat(ui): disable starter bundle button when all installed

---
 .../AddModelPanel/StarterModels/StarterBundle.tsx     | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/StarterModels/StarterBundle.tsx b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/StarterModels/StarterBundle.tsx
index 613dde918c..059c51f32f 100644
--- a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/StarterModels/StarterBundle.tsx
+++ b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/StarterModels/StarterBundle.tsx
@@ -49,12 +49,15 @@ export const StarterBundle = ({ bundleName, bundle }: { bundleName: string; bund
         </Flex>
       }
     >
-      <Button size="sm" onClick={handleClickBundle} py={6}>
+      <Button size="sm" onClick={handleClickBundle} py={6} isDisabled={modelsToInstall.install.length === 0}>
         <Flex flexDir="column">
           <Text>{isMainModelBase(bundleName) ? MODEL_TYPE_SHORT_MAP[bundleName] : bundleName}</Text>
-          <Text fontSize="xs">
-            ({bundle.length} {t('settings.models')})
-          </Text>
+          {modelsToInstall.install.length > 0 && (
+            <Text fontSize="xs">
+              ({bundle.length} {t('settings.models')})
+            </Text>
+          )}
+          {modelsToInstall.install.length === 0 && <Text fontSize="xs">{t('common.installed')}</Text>}
         </Flex>
       </Button>
     </Tooltip>