github/InvokeAI
1
1
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI.git synced 2026-02-17 06:33:53 -05:00
Code Issues Packages Projects Releases Wiki Activity

prettier fix

Browse Source
This commit is contained in:
Attila Cseh
2025-08-15 12:13:18 +02:00
committed by psychedelicious
parent bb4a50bab2
commit 9787d9de74
1 changed files with 29 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/StarterModels/StarterBundleButton.tsx
View File

@@ -1,5 +1,13 @@
import type { ButtonProps } from '@invoke-ai/ui-library';
import { Button, ConfirmationAlertDialog, Flex, ListItem, Text, UnorderedList, useDisclosure } from '@invoke-ai/ui-library';
import {
Button,
ConfirmationAlertDialog,
Flex,
ListItem,
Text,
UnorderedList,
useDisclosure,
} from '@invoke-ai/ui-library';
import { useStarterBundleInstall } from 'features/modelManagerV2/hooks/useStarterBundleInstall';
import { useStarterBundleInstallStatus } from 'features/modelManagerV2/hooks/useStarterBundleInstallStatus';
import { t } from 'i18next';
@@ -29,25 +37,25 @@ export const StarterBundleButton = ({ bundle, ...rest }: { bundle: S['StarterMod
{bundle.name}
</Button>
<ConfirmationAlertDialog
isOpen={isOpen}
onClose={onClose}
title={t('modelManager.installBundle')}
acceptCallback={handleInstallBundle}
acceptButtonText={t('modelManager.install')}
useInert={false}
>
<Flex rowGap={4} flexDirection="column">
<Text fontWeight="bold">{t('modelManager.installBundleMsg1', { bundleName: bundle.name })}</Text>
<Text>{t('modelManager.installBundleMsg2', { count: install.length })}</Text>
<UnorderedList>
{install.map((model, index) => (
<ListItem key={index} wordBreak="break-all">
<Text>{model.config.name}</Text>
</ListItem>
))}
</UnorderedList>
</Flex>
</ConfirmationAlertDialog>
</>
isOpen={isOpen}
onClose={onClose}
title={t('modelManager.installBundle')}
acceptCallback={handleInstallBundle}
acceptButtonText={t('modelManager.install')}
useInert={false}
>
<Flex rowGap={4} flexDirection="column">
<Text fontWeight="bold">{t('modelManager.installBundleMsg1', { bundleName: bundle.name })}</Text>
<Text>{t('modelManager.installBundleMsg2', { count: install.length })}</Text>
<UnorderedList>
{install.map((model, index) => (
<ListItem key={index} wordBreak="break-all">
<Text>{model.config.name}</Text>
</ListItem>
))}
</UnorderedList>
</Flex>
</ConfirmationAlertDialog>
</>
);
};